@charset "UTF-8";
/*
.button{
  @extend .HelveticaRegular;
   @include single-transition(background, 0.5s);
  border-top: darken($black, 10%) 5px solid;
 
  &:hover{
   @include single-transition(background, 0.5s);
  border-top: darken($black, 18%) 5px solid;
  background: darken($black, 13%);
  }
 
}//button
*/
.button, .searchBtn, .moreBtn, .signupBtn, .loginBtn, .smallResLinks .signupBtn, .smallResLinks .loginBtn, .articleBtn {
  padding: 0px 10px;
  color: #565656;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  display: block;
  cursor: pointer;
  font-size: 18px;
  line-height: 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0px 10px;
  float: left;
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  height: 100%;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  height: 100%;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  color: #000000;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
  cursor: pointer;
  text-decoration: none;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
input, textarea, select {
  -webkit-appearance: none;
  border-radius: 0;
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #000000;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #000000;
  text-shadow: none;
  color: #ffffff;
}

::selection {
  background: #000000;
  text-shadow: none;
  color: #ffffff;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
      width: 78px;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .wrapper:before, .contentContainer:before, .mainContent:before, .footerBottom:before, .newsSection:before, .featuredSection:before, .simplePopup .formrow:before,
.clearfix:after,
.wrapper:after,
.contentContainer:after,
.mainContent:after,
.footerBottom:after,
.newsSection:after,
.featuredSection:after,
.simplePopup .formrow:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after, .wrapper:after, .contentContainer:after, .mainContent:after, .footerBottom:after, .newsSection:after, .featuredSection:after, .simplePopup .formrow:after {
  clear: both;
}

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

*, *:before, *:after {
  /* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
  -webkit-box-sizing: border-box;
  /* Firefox (desktop or Android) 28- */
  -moz-box-sizing: border-box;
  /* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
  box-sizing: border-box;
}

@font-face {
  font-family: 'FontAwesome';
  src: url("../../fonts/fontawesome-webfont.eot?v=4.6.2");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.6.2") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.6.2") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.6.2") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular") format("svg");
  
  font-style: normal;
}
.fa, .fa-user-panel:before, .searchIcon:after, .userIcon:before, .menuIcon:before, .closeIcon:before, .fbIcon:before, .twIcon:before, .gpIcon:before, .fcUp:before, .fa-linkedin:before, .fa-chevron-up:before, .fa-apple:before, .fa-android:before, .fa-graduation-cap:before, .fa-eye:before, .fa-users:before, .fa-wifi:before, .fa-user:before, .fa-plus:before, .arrow:before, .arrowMenu:after, .arrowMenu.open:after, a.trigger:after, a.trigger.open:after, .dd-select .dd-pointer:after, .fa-leftPointer:before, .fa-rightPointer:before, .ei:before, .sm:before, .am:before, .cs:before, .peg:before, .prg:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  font-size: 25px;
}

body {
  color: #565656;
  font-family: arial;
  font-size: 14px;
  background: #EEEEEE;
}

a:hover {
  color: #565656;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.posRelative {
  position: relative;
}

.hidden {
  display: none !important;
}

@media (max-width: 479px) {
  .no-mobile {
    display: none !important;
  }
}

.bold {
  font-weight: bold;
}

.font16 {
  font-size: 16px !important;
}

.font12 {
  font-size: 12px !important;
}

.leftAlign {
  text-align: left !important;
}

.rightAlign {
  text-align: right !important;
}

.btn {
  display: block;
  padding: 13px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}

.clearBoth {
  clear: both;
}

.aquaBackground {
  background: #416E86;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.aquaBackground:hover {
  background: #fa4d6c;
  color: #ffffff;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.marginBottom50 {
  margin-bottom: 50px !important;
}

.marginBottom30 {
  margin-bottom: 40px !important;
}

.marginBottom40 {
  margin-bottom: 40px !important;
}

.marginRight10 {
  margin-right: 10px;
}

.padding0 {
  padding: 0 !important;
}

.whiteColor {
  color: #ffffff;
}

.blackColor {
  color: #000000;
}

.blueColor {
  color: #236189;
}

@font-face {
  font-family: 'palatino';
  src: url("../../fonts/texgyrepagella-regular-webfont.eot");
  src: url("../../fonts/texgyrepagella-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/texgyrepagella-regular-webfont.woff2") format("woff2"), url("../../fonts/texgyrepagella-regular-webfont.woff") format("woff"), url("../../fonts/texgyrepagella-regular-webfont.ttf") format("truetype"), url("../../fonts/texgyrepagella-regular-webfont.svg#texgyrepagellaregular") format("svg");
  
  font-style: normal;
}
.palatino {
  font-family: "palatino", serif;
}

@font-face {
  font-family: 'palatinobold';
  src: url("../../fonts/texgyrepagella-bold-webfont.eot");
  src: url("../../fonts/texgyrepagella-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/texgyrepagella-bold-webfont.woff2") format("woff2"), url("../../fonts/texgyrepagella-bold-webfont.woff") format("woff"), url("../../fonts/texgyrepagella-bold-webfont.ttf") format("truetype"), url("../../fonts/texgyrepagella-bold-webfont.svg#texgyrepagellabold") format("svg");
  
  font-style: normal;
}
.palatinoBold, .tagLineCnt {
  font-family: "palatinobold", serif;
}

.ViewsContainer {
  float: left;
}

.wrapper {
  min-height: 100%;
}

.main {
  padding-top: 80px;
}
@media (max-width: 1023px) {
  .main {
    padding-top: 72px;
  }
}
@media (max-width: 767px) {
  .main {
    padding-top: 157px;
  }
}

.contentContainer {
  margin: 0 auto;
  max-width: 1400px;
  padding: 0;
}

.mainContent {
  padding: 30px 0;
}

.fa-user-panel:before {
  content: '/0fx';
  font-size: 20px;
  color: #ffffff;
}

.searchIcon:after {
  content: '\f002';
  font-size: 18px;
  color: #ffffff;
  padding-left: 10px;
}

.userIcon:before {
  content: '\f007';
  font-size: 19px;
  color: #ffffff;
}

.menuIcon:before {
  content: '\f0c9';
  font-size: 19px;
  color: #ffffff;
}

.closeIcon:before {
  content: '\f00d';
  font-size: 19px;
  color: #ffffff;
}

.fbIcon:before {
  content: '\f09a';
  font-size: 35px;
  color: #ffffff;
}

.twIcon:before {
  content: '\f099';
  font-size: 35px;
  color: #ffffff;
}

.gpIcon:before {
  content: '\f0d5';
  font-size: 35px;
  color: #ffffff;
}

.fcUp:before {
  content: '\f106';
  font-size: 80px;
  color: #5D5D5D;
  line-height: 0;
  padding-top: 6px;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}

.simplePopup {
  display: none;
  position: fixed;
  color: #000;
  padding: 30px;
  width: 823px;
  z-index: 99;
}
@media (max-width: 1023px) {
  .simplePopup {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .simplePopup {
    padding: 15px;
  }
}

.simplePopupBackground {
  display: none;
  background: #000;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 98;
}

.fa-linkedin:before {
  content: '\f0e1';
  font-size: 35px;
  color: #ffffff;
}

.fa-chevron-up:before {
  content: '\f077';
  font-size: 30px;
  color: #ffffff;
  margin: 6px 0 0 2px;
}

.fa-apple:before {
  content: '\f179';
  font-size: 30px;
  color: #ffffff;
}

.fa-android:before {
  content: '\f17b';
  font-size: 30px;
  color: #ffffff;
}

.fa-graduation-cap:before {
  content: '\f19d';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-graduation-cap:before {
    padding-top: 8px;
  }
}

.fa-eye:before {
  content: '\f044';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-eye:before {
    padding-top: 8px;
  }
}

.fa-users:before {
  content: '\f0c0';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-users:before {
    padding-top: 8px;
  }
}

.fa-wifi:before {
  content: '\f21e';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-wifi:before {
    padding-top: 8px;
  }
}

.fa-user:before {
  content: '\f277';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-user:before {
    padding-top: 8px;
  }
}

.fa-plus:before {
  content: '\f0f1';
  font-size: 15px;
  color: #ffffff;
  padding-top: 7px;
}
@media (max-width: 767px) {
  .fa-plus:before {
    padding-top: 8px;
  }
}

/* PowerTip Plugin */
#powerTip {
  cursor: default;
  background: #19BAB5;
  border-radius: 6px;
  color: #ffffff;
  display: none;
  font-size: 12px;
  padding: 5px;
  position: absolute;
  white-space: nowrap;
  font-weight: bold;
  z-index: 2147483647;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
#powerTip.n:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
  bottom: -8px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before {
  border-top: 8px solid #19BAB5;
  bottom: -8px !important;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 10px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: #ffffff;
  height: 80px;
  border-bottom: 2px solid #246088;
}
header .logoWrapp {
  float: left;
  padding: 8px 0px 8px 20px;
}
@media (max-width: 1023px) {
  header .logoWrapp {
    padding: 4px 0px 4px 20px;
  }
}
@media (max-width: 767px) {
  header .logoWrapp {
    padding: 4px 0px 4px 13px;
  }
  header .logoWrapp img {
    width: 144px;
  }
}
@media (max-width: 1023px) {
  header {
    height: 72px;
  }
}
@media (max-width: 767px) {
  header {
    height: 52px;
  }
}

nav .toggleMenu {
  display: none;
  position: relative;
  background: #246088;
  height: 100%;
  width: 26px;
}
nav .toggleMenu .arrow {
  top: 20px;
}
@media (max-width: 1023px) {
  nav .toggleMenu {
    display: block;
    padding: 17px 20px;
    text-decoration: none;
    width: auto;
    height: 72px;
  }
}
@media (max-width: 767px) {
  nav .toggleMenu {
    padding: 10px 14px;
    height: 52px;
  }
}
nav ul.nav {
  float: right;
  margin: 0px;
  display: table;
}
nav ul.nav li {
  float: left;
}
@media (max-width: 1023px) {
  nav ul.nav li {
    float: none;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  nav ul.nav li {
    display: block;
  }
}
nav ul.nav li a {
  font-size: 18px;
  color: #246088;
  text-decoration: none;
  display: block;
  padding: 0px 14px 0px;
  line-height: 78px;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}
@media (max-width: 1023px) {
  nav ul.nav li a {
    line-height: 72px;
    color: #ffffff;
  }
}
@media (max-width: 767px) {
  nav ul.nav li a {
    line-height: 52px;
    color: #ffffff;
  }
}
nav ul.nav:last-child a {
  padding: 0px 20px 0px 14px;
}
@media (max-width: 1023px) {
  nav ul.nav {
    width: 100%;
    display: none;
    height: auto;
    background: #246088;
    text-align: right;
    position: absolute;
    top: 72px;
  }
}
@media (max-width: 767px) {
  nav ul.nav {
    top: 52px;
  }
}

.arrow:before {
  content: "\f0c9";
  font-size: 23px;
  color: #ffffff;
  margin-right: 8px;
  -moz-transition: all, ease, 0.2s;
  -o-transition: all, ease, 0.2s;
  -webkit-transition: all, ease, 0.2s;
  transition: all, ease, 0.2s;
}
@media (max-width: 1023px) {
  .arrow:before {
    margin-right: 0px;
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .arrow:before {
    font-size: 30px;
  }
}

.arrow.open:before {
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.headerAction {
  float: right;
  border-right: 1px solid #246088;
  margin-top: 19px;
  padding-right: 9px;
  margin-right: 6px;
}
@media (max-width: 1023px) {
  .headerAction {
    border-right: 0;
    margin-top: 15px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .headerAction {
    margin: 0px;
    padding: 0px;
    width: 100%;
  }
}

.searchBtn, .moreBtn {
 background: #0ad16e;
    color: #f6f6f6;
  min-width: 164px;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}
.searchBtn:hover, .moreBtn:hover {
  background: #29f58f;
  color: #ffffff;
}
@media (max-width: 767px) {
  .searchBtn:hover, .moreBtn:hover {
    border-right: 1px solid #c36a7a;
  }
}
@media (max-width: 767px) {
  .searchBtn, .moreBtn {
    width: 100%;
    margin: 0px;
    text-align: left;
    border-right: 1px solid #19BAB5;
    line-height: 52px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .searchBtn i, .moreBtn i {
    float: right;
  }
}


.signupBtn, .loginBtn {
  color: #fff;
  border: 0px solid #fff;
  line-height: 38px;
  font-weight: bold;
  text-transform: capitalize !important;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}
@media (max-width: 767px) {
  .signupBtn, .loginBtn {
    border: none;
    background: #ffffff;
    float: left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 50%;
    margin: 0px;
    line-height: 52px;
  }
  .signupBtn:hover, .loginBtn:hover {
    background: #EEEEEE;
  }
}

.loginBtn {
  border: none;
  padding: 0px;
}
@media (max-width: 767px) {
  .loginBtn {
    border-left: 1px solid #246088;
  }
}

.smallResLinks {
  display: none !important;
}
@media (max-width: 767px) {
  .smallResLinks {
    display: block !important;
  }
}
.smallResLinks .signupBtn, .smallResLinks .loginBtn {
  color: #ffffff;
  border: 1px solid #fa4d6c;
  background: #246088;
  line-height: 38px;
  font-weight: bold;
  text-transform: capitalize !important;
  width: auto;
  float: right;
  clear: both;
  margin: 30px 20px;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}
.smallResLinks .loginBtn {
  border: none;
  margin: 0px 0px 20px;
  
}


html, body {
  height: 100%;
}

.wrapper {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -364px;
}
.wrapper .root_footer {
  height: 364px;
}

.siteFooter {
  clear: both;
  position: relative;
  height: 364px;
}

footer {
  background: #246088;
  min-height: 384px;
  overflow: hidden;
}
footer .contentContainer {
  text-align: center;
  margin-top: 40px;
}
footer.siteFooter {
  min-height: 364px;
  height: auto !important;
}
footer.siteFooter .individualLink {
  margin-top: 27px;
}
footer.siteFooter .individualLink a {
  color: #ffffff;
  font-weight: bold;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
footer.siteFooter .individualLink a:hover {
  color: #19BAB5;
}

.footerMain {
  padding: 40px 0;
  margin-top: 15px;
}

.footerBottom {
  line-height: 1;
}
@media (max-width: 1023px) {
  .footerBottom .footerNav {
    width: 100%;
  }
  .footerBottom .footerNav:last-child {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footerBottom .footerNav li a {
    padding: 0 !important;
  }
}
@media (max-width: 479px) {
  .footerBottom .footerNav.float-right {
    margin-top: 0;
  }
}

.footerNav {
  margin: 27px 0 0;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
}
.footerNav li {
  display: inline-block;
}
@media (max-width: 479px) {
  .footerNav li {
    width: 100%;
    margin-bottom: 15px;
  }
}
.footerNav li a {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 10px;
  margin: 0 10px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footerNav li a:hover {
  color: #19BAB5;
}
.footerNav li span {
  font-size: 18px;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 1px;
  padding: 10px 10px 10px 0px;
  margin: 0 10px 0 0;
}
@media (max-width: 479px) {
  .footerNav li span {
    padding: 10px 0px 10px 0px;
  }
}

.footerSocial {
  margin: 30px 0 0;
}
.footerSocial li {
  display: inline-block;
}
.footerSocial li a {
  padding: 0px 30px;
  display: block;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footerSocial li a:hover i:before {
  color: #19BAB5;
}
.footerSocial li a i {
  display: block;
}

@media (max-width: 479px) {
  .footerLogo img {
    width: 82% !important;
  }
}

.lastChild {
  padding-left: 0 !important;
  text-decoration: underline !important;
}

.back-to-top > div {
  text-align: center;
}
.back-to-top .positionRealtive {
  position: relative;
  padding: 17px 9px;
  top: -30px;
  left: 0;
  margin-left: 0;
  z-index: 10;
}
.back-to-top .positionRealtive .fa-chevron-up:before {
  margin: 6px 0 0 2px;
}
.back-to-top a {
  background: #246088;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 10px;
  left: 50%;
  margin-left: -25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.back-to-top p {
  display: none;
  margin: 30px 0 0;
  position: relative;
  top: -35px;
  color: #246088;
}

.bannerContent {
  background: url("../images/banner.jpg") no-repeat center;
  background-size: cover;
  height: 498px;
  position: relative;
  padding: 40px 0px;
}
.bannerContent .contentContainer {
  position: relative;
  height: 100%;
  padding: 0 20px;
}
@media (max-width: 767px) {
  .bannerContent .contentContainer {
    padding: 0px 13px;
  }
}
@media (max-width: 1279px) {
  .bannerContent {
    padding: 23px 0px;
    height: 459px;
  }
}
@media (max-width: 1023px) {
  .bannerContent {
    height: 100%;
  }
}

.headingCnt {
  color: #ffffff;
  margin: 5px auto;
  height: 100%;
  width: 550px;
  position: relative;
  text-align: center;
}
.headingCnt button {
  border: none;
  outline: none;
}
.headingCnt span {
  clear: both;
  display: inherit;
  margin: 40px 0px;
  font-size: 20px;
}
@media (max-width: 1023px) {
  .headingCnt span {
    font-size: 18px;
    margin: 20px 0px;
  }
}
.headingCnt input[type='text'] {
  width: 340px;
  background: #ffffff;
  border: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 10px;
  font-size: 16px;
  color: #597a96;
  outline: none;
  margin: auto;
  clear: both;
}
.headingCnt input[type='text']::-webkit-input-placeholder {
  color: #597a96;
}
.headingCnt input[type='text']:-moz-placeholder {
  color: #597a96;
}
.headingCnt input[type='text']::-moz-placeholder {
  color: #597a96;
}
.headingCnt input[type='text']:-ms-input-placeholder {
  color: #597a96;
}
@media (max-width: 479px) {
  .headingCnt input[type='text'] {
    width: 95%;
  }
}
.headingCnt .moreBtn {
  clear: both;
  width: 340px;
  float: none;
  margin: 25px auto;
  padding: 4px 10px;
  font-size: 18px;
}
@media (max-width: 1023px) {
  .headingCnt .moreBtn {
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .headingCnt .moreBtn {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .headingCnt .moreBtn {
    width: 95%;
  }
}
@media (max-width: 767px) {
  .headingCnt {
    width: 370px;
  }
}
@media (max-width: 479px) {
  .headingCnt {
    width: 276px;
  }
}

.headLink {
  margin: 35px 0px;
}
.headLink a {
  color: #ffffff;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .headLink {
    margin: 35px 0px 20px;
  }
}
@media (max-width: 767px) {
  .headLink {
    margin: 35px 0px 12px;
  }
}

.tagLineCnt {
  font-size: 49px;
  
  line-height: 1.2;
  padding: 0px;
  margin: 0px;
}
@media (max-width: 1279px) {
  .tagLineCnt {
    padding: 0px;
    line-height: 1.1;
  }
}
@media (max-width: 1023px) {
  .tagLineCnt {
    line-height: 1.2;
    font-size: 40px;
    padding: 0px;
  }
  .tagLineCnt br {
    display: none;
  }
}
@media (max-width: 767px) {
  .tagLineCnt {
    font-size: 28px;
    padding: 0px;
  }
}

.newsSection {
  background: #ffffff;
  padding: 20px 0px;
  margin: 31px 0px 40px;
}
.newsSection .contentContainer {
  padding: 0px 66px;
}
@media (max-width: 1279px) {
  .newsSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .newsSection .contentContainer {
    padding: 0px 13px;
  }
}
@media (max-width: 1023px) {
  .newsSection {
    margin: 20px 0px 40px;
  }
}
.newsSection h2 {
  font-size: 30px;
  color: #246088;
  margin: 0px;
  
}

.newsArticle {
  width: 47%;
  margin-top: 28px;
}
.newsArticle h2 {
  font-size: 18px;
  color: #19BAB5;
  margin: 0px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .newsArticle {
    width: 100%;
  }
}

.articleDate {
  color: #fa4d6c;
  padding: 15px 0px 20px 0px;
  font-weight: bold;
}

.articleContent p {
  color: #4086B2;
  margin: 0px;
  padding-bottom: 17px;
}

.articleBtn {
  color: #246088;
  border: 1px solid #246088;
  line-height: 38px;
  text-transform: capitalize !important;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
  margin: 0px;
  float: right;
}
.articleBtn:hover {
  color: #4086B2;
  border: 1px solid #4086B2;
}

.featuredSection {
  margin: 40px 0px 31px;
}
.featuredSection .contentContainer {
  padding: 0px 66px;
}
@media (max-width: 1279px) {
  .featuredSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .featuredSection .contentContainer {
    padding: 0px 13px;
  }
}
@media (max-width: 1023px) {
  .featuredSection {
    margin: 20px 0px;
  }
}

.featuredCol {
  width: 100%;
}
.featuredCol h2 {
  font-size: 30px;
  color: #4086B2;
  margin: 0px 0px 40px 0;
  
}
@media (max-width: 1023px) {
  .featuredCol h2 {
    font-size: 24px;
    margin: 0px 0px 27px 0;
  }
}
@media (max-width: 479px) {
  .featuredCol h2 {
    font-size: 22px;
  }
  .featuredCol h2 span {
    display: none;
  }
}
@media (max-width: 767px) {
  .featuredCol {
    width: 100%;
    margin-bottom: 18px;
  }
}
.featuredCol .searchedPost {
  margin: 0 0 20px 0%;
  min-height: 231px;
  width: 49%;
  padding-bottom: 10px;
  position: relative;
}
.featuredCol .searchedPost h2 {
  font-weight: bold;
  font-size: 18px;
  margin-left: 15px;
  float: left;
  line-height: 18px;
}
.featuredCol .searchedPost h2 span {
  display: block;
  
  font-size: 12px;
}
@media (max-width: 1023px) {
  .featuredCol .searchedPost h2 {
    font-size: 16px;
    margin-left: 11px;
  }
}
.featuredCol .searchedPost h2 .appcardHead {
  color: #4086B2;
  font-size: 18px;
  font-weight: bold;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.featuredCol .searchedPost h2 .appcardHead:hover {
  color: #246088;
}
@media (max-width: 1023px) {
  .featuredCol .searchedPost h2 .appcardHead {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .featuredCol .searchedPost h2 .appcardHead {
    font-size: 12px;
  }
}
.featuredCol .searchedPost:nth-child(2n) {
  float: right;
}
@media (max-width: 1279px) {
  .featuredCol .searchedPost {
    width: 49%;
    margin: 0 0 20px 0%;
    min-height: 221px;
  }
}
@media (max-width: 1023px) {
  .featuredCol .searchedPost {
    min-height: 207px;
  }
}
@media (max-width: 767px) {
  .featuredCol .searchedPost {
    width: 100%;
    margin-left: 0%;
    padding: 15px;
    min-height: 213px;
  }
}
@media (max-width: 479px) {
  .featuredCol .searchedPost {
    min-height: 190px;
    padding: 15px 10px;
  }
}
.featuredCol .spData {
  padding: 5px 0px 0px 0px;
}
.featuredCol .spData .appStats {
  width: 100%;
  margin-left: 0;
}
@media (max-width: 1279px) {
  .featuredCol .spData .appStats {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .featuredCol .spData .appStats {
    width: 100%;
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .featuredCol .spData .appStats {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .featuredCol .spData .appStats {
    width: 100%;
  }
}
@media (max-width: 1279px) {
  .featuredCol .spData {
    padding: 5px 0px 0px 0px;
  }
}
@media (max-width: 1023px) {
  .featuredCol .spData {
    padding: 5px 0px 0px 0px;
  }
}
@media (max-width: 479px) {
  .featuredCol .spData {
    padding: 0;
  }
}
.featuredCol .c100 {
  font-size: 70px;
}
.featuredCol .c100 > span {
  line-height: 2.2em;
  font-size: 32px !important;
}
@media (max-width: 1279px) {
  .featuredCol .c100 > span {
    line-height: 2.2em;
    font-size: 28px !important;
  }
}
@media (max-width: 1023px) {
  .featuredCol .c100 > span {
    line-height: 2.5em;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .featuredCol .c100 > span {
    line-height: 2.2em;
    font-size: 28px !important;
  }
}
@media (max-width: 479px) {
  .featuredCol .c100 > span {
    line-height: 2.8em;
    font-size: 18px !important;
  }
}
@media (max-width: 1279px) {
  .featuredCol .c100 {
    font-size: 60px;
  }
}
@media (max-width: 1023px) {
  .featuredCol .c100 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .featuredCol .c100 {
    font-size: 60px;
  }
}
@media (max-width: 479px) {
  .featuredCol .c100 {
    font-size: 50px;
  }
}
.featuredCol .levelCircle {
  width: 70px !important;
  height: 70px !important;
  line-height: 2.2em !important;
  font-size: 32px !important;
}
@media (max-width: 1279px) {
  .featuredCol .levelCircle {
    font-size: 28px !important;
    line-height: 2.2em !important;
    width: 60px !important;
    height: 60px !important;
  }
}
@media (max-width: 1023px) {
  .featuredCol .levelCircle {
    width: 50px !important;
    height: 50px !important;
    line-height: 2.5em !important;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .featuredCol .levelCircle {
    font-size: 28px !important;
    line-height: 2.2em !important;
    width: 60px !important;
    height: 60px !important;
  }
}
@media (max-width: 479px) {
  .featuredCol .levelCircle {
    width: 50px !important;
    height: 50px !important;
    line-height: 2.8em !important;
    font-size: 18px !important;
  }
}
.featuredCol .postheadingContainer .appThumb {
  width: 50px;
  max-height: 50px;
  float: left;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  overflow: hidden;
}
.featuredCol .postheadingContainer .appThumb img {
  width: 100%;
}
@media (max-width: 479px) {
  .featuredCol .postheadingContainer .appThumb {
    width: 40px;
    max-height: 40px;
  }
}
@media (max-width: 1023px) {
  .featuredCol .postheadingContainer h2 {
    width: calc(100% - 96px);
  }
}
@media (max-width: 479px) {
  .featuredCol .postheadingContainer h2 {
    font-size: 12px;
    margin-left: 10px;
    width: calc(100% - 84px);
  }
}

.moreBtn {
  width: auto;
  min-width: 0;
  float: right;
  text-transform: capitalize;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 0px;
}
@media (max-width: 1023px) {
  .moreBtn {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 479px) {
  .moreBtn {
    font-size: 14px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}

.homesearchWrapp {
  padding: 30px 0px 31px !important;
}
.homesearchWrapp p {
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 10px;
}

.homedownloadWrapp {
  width: 100%;
  background: #ffffff;
  padding: 20px;
  margin-bottom: 40px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
.homedownloadWrapp .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .homedownloadWrapp .contentContainer {
    padding: 0px 20px;
  }
}
.homedownloadWrapp h2 {
  
  font-size: 30px;
  margin: 5px 0 35px;
  color: #236189;
}
@media (max-width: 1023px) {
  .homedownloadWrapp h2 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .homedownloadWrapp h2 {
    font-size: 22px;
  }
  .homedownloadWrapp h2 span {
    display: none;
  }
}
.homedownloadWrapp li {
  margin: 0 50px 25px 0;
  display: inline-block;
  width: 170px;
}
.homedownloadWrapp li img {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 48px;
  -webkit-border-radius: 48px;
  border-radius: 48px;
}
@media (max-width: 1023px) {
  .homedownloadWrapp li img {
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    height: 117px;
    width: 117px;
  }
}
@media (max-width: 767px) {
  .homedownloadWrapp li img {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    width: 93px;
    height: 93px;
  }
}
@media (max-width: 1279px) {
  .homedownloadWrapp li {
    width: 147px;
  }
}
@media (max-width: 1023px) {
  .homedownloadWrapp li {
    width: 117px;
  }
}
@media (max-width: 767px) {
  .homedownloadWrapp li {
    width: 93px;
  }
}
.homedownloadWrapp a.appLink {
  margin: 7px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #236189;
  text-decoration: none;
  display: block;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.homedownloadWrapp a.appLink:hover {
  color: #4086B2;
}
@media (max-width: 767px) {
  .homedownloadWrapp a.appLink {
    font-size: 16px;
  }
}
.homedownloadWrapp p {
  margin: 5px 0;
  font-size: 18px;
  color: #236189;
  float: left;
  clear: both;
}
@media (max-width: 767px) {
  .homedownloadWrapp p {
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .homedownloadWrapp {
    padding: 20px 0px;
  }
}
@media (max-width: 1023px) {
  .homedownloadWrapp {
    width: 100%;
    max-width: 100%;
  }
}

.home .sideIcon {
  border-top: 30px solid #4086B2 !important;
  border-left: 30px solid transparent !important;
  border-right: 30px solid #4086B2 !important;
  border-bottom: 30px solid transparent !important;
}
.home .sideIcon i {
  top: -23px;
  right: -19px;
}
.home .sideIcon i:before {
  font-size: 22px;
}
.home .sideIcon.android {
  border-color: #416E86 !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.home .levelTitle {
  font-size: 18px;
  font-weight: bold;
  margin: 46px 0px 0px 0;
}
@media (max-width: 1023px) {
  .home .levelTitle {
    font-size: 15px;
    margin: 41px 0 0;
  }
}
@media (max-width: 479px) {
  .home .levelTitle {
    font-size: 12px;
  }
}
.home .level {
  text-align: center;
  padding: 9px 0px 4px;
}
.home .level span {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px !important;
  margin: 0 6px 0 0 !important;
  padding: 3px 0px;
  width: 20px;
  height: 20px;
  background: none;
}
@media (max-width: 1023px) {
  .home .level span {
    margin: 0 5px 0 0 !important;
  }
}
@media (max-width: 479px) {
  .home .level span {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 1px 0px 0px 0px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}
.home .adCol:last-child {
  float: right;
  width: 34%;
}

.andriodApp h2 span {
  color: #19BAB5;
}
.andriodApp .activeLevel {
  background: #19BAB5 !important;
}

.iosApp h2 span {
  color: #246088;
}
.iosApp .activeLevel {
  background: #246088 !important;
}

.functionsWrapp {
  margin-top: 12px;
  position: absolute;
  width: 100%;
  bottom: 12px;
  left: 0px;
}
.functionsWrapp ul {
  text-align: center;
}
.functionsWrapp ul li {
  text-align: center;
  margin: 0px 20px;
  display: inline-block;
  height: 29px;
  width: 29px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.functionsWrapp ul li.educationalFunc {
  background: #4185b1;
}
.functionsWrapp ul li.selfFunc {
  background: #256088;
}
.functionsWrapp ul li.careFunc {
  background: #416E86;
}
.functionsWrapp ul li.automonitorFunc {
  background: #ffc320;
}
.functionsWrapp ul li.personalizedFunc {
  background: #ff6900;
}
.functionsWrapp ul li.professionalFunc {
  background: #f0514a;
}
@media (max-width: 1023px) {
  .functionsWrapp ul li {
    margin: 0px 9px;
  }
}
@media (max-width: 767px) {
  .functionsWrapp ul li {
    margin: 0px 15px;
  }
}
@media (max-width: 479px) {
  .functionsWrapp ul li {
    margin: 0px 6px;
  }
}
.functionsWrapp i {
  width: 29px;
  height: 29px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
 *****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.1em solid #F54F4E;
  width: 0.8em;
  height: 0.8em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: auto;
  background-color: #F1F1F1;
  font-size: 50px;
}
.c100 *, .c100 *:before, .c100 *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media (max-width: 1279px) {
  .c100 {
    font-size: 70px;
  }
}
@media (max-width: 1023px) {
  .c100 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .c100 {
    font-size: 50px;
  }
}
@media (max-width: 479px) {
  .c100 {
    font-size: 50px;
  }
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  line-height: 2.5em;
  font-size: 20px !important;
  font-weight: bold;
  color: #F1F1F1;
  display: block;
  text-align: center;
  white-space: nowrap;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
@media (max-width: 1279px) {
  .c100 > span {
    font-size: 25px !important;
    line-height: 2.8em;
  }
}
@media (max-width: 1023px) {
  .c100 > span {
    line-height: 2.5em;
    font-size: 20px !important;
  }
}
@media (max-width: 767px) {
  .c100 > span {
    line-height: 2.8em;
    font-size: 18px !important;
  }
}
@media (max-width: 479px) {
  .c100 > span {
    line-height: 2.8em;
    font-size: 18px !important;
  }
}
.c100:after {
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 0.8em;
  height: 0.8em;
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100.green .bar, .c100.green .fill {
  border-color: #A2D78A !important;
}
.c100.yellow .bar, .c100.yellow .fill {
  border-color: #FFCC66 !important;
}

.searchAppSection {
  background: #19BAB5;
  padding: 30px 0px 31px;
}
@media (max-width: 767px) {
  .searchAppSection {
    padding: 28px 0px 25px;
  }
}
.searchAppSection .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .searchAppSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 1023px) {
  .searchAppSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .searchAppSection .contentContainer {
    padding: 0px 13px;
  }
}
.searchAppSection h2 {
  font-size: 30px;
  color: #ffffff;
  
  margin: 0px 0 28px;
}
@media (max-width: 767px) {
  .searchAppSection h2 {
    font-size: 22px;
    margin: 0px 0 19px;
  }
}
.searchAppSection p {
  color: #ffffff;
  font-size: 16px;
}
.searchAppSection span {
  float: left;
  color: #246088;
  padding: 5px 0px 15px;
}
.searchAppSection span a {
  color: #246088;
}
.searchAppSection span br {
  display: none;
}
@media (max-width: 479px) {
  .searchAppSection span br {
    display: block;
  }
}

.searchWrapper {
  background: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
}
@media (max-width: 767px) {
  .searchWrapper {
    padding: 10px;
  }
}
.searchWrapper input[type='text'] {
  width: 66%;
  float: left;
  background: #ffffff;
  border: 1px solid #246088;
  -moz-border-radius: 0px 5px 5px 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px 5px 5px 0px;
  padding: 13px 10px;
  font-size: 14px;
  color: #597a96;
  outline: none;
  border-left: 0px;
  height: 44px;
}
.searchWrapper input[type='text']::-webkit-input-placeholder {
  color: #597a96;
}
.searchWrapper input[type='text']:-moz-placeholder {
  color: #597a96;
}
.searchWrapper input[type='text']::-moz-placeholder {
  color: #597a96;
}
.searchWrapper input[type='text']:-ms-input-placeholder {
  color: #597a96;
}
@media (max-width: 1279px) {
  .searchWrapper input[type='text'] {
    width: 79%;
  }
}
@media (max-width: 1023px) {
  .searchWrapper input[type='text'] {
    width: 76%;
  }
}
@media (max-width: 767px) {
  .searchWrapper input[type='text'] {
    width: 100%;
  }
}
.searchWrapper .searchBtn, .searchWrapper .moreBtn {
  background: #ff6900;
  width: 14%;
  float: right;
  border: none;
  outline: none;
  color: #ffffff;
  padding: 3px 10px;
  text-align: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  cursor: pointer;
  position: relative;
  min-width: 0;
  margin: 0px;
}
.searchWrapper .searchBtn i, .searchWrapper .moreBtn i {
  background: url("../images/searchIcon.png") no-repeat;
  width: 49px;
  height: 27px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  background-size: contain;
}
@media (max-width: 1023px) {
  .searchWrapper .searchBtn i, .searchWrapper .moreBtn i {
    width: 39px;
    margin-top: 2px;
  }
}
@media (max-width: 767px) {
  .searchWrapper .searchBtn i, .searchWrapper .moreBtn i {
    display: none;
  }
}
.searchWrapper .searchBtn:hover, .searchWrapper .moreBtn:hover {
  background: #c36a7a;
}
@media (max-width: 1279px) {
  .searchWrapper .searchBtn, .searchWrapper .moreBtn {
    width: 19%;
  }
}
@media (max-width: 1023px) {
  .searchWrapper .searchBtn, .searchWrapper .moreBtn {
    width: 22%;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .searchWrapper .searchBtn, .searchWrapper .moreBtn {
    width: 100%;
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
  }
}
.searchWrapper .dd-selected {
  padding: 13px 20px 13px 10px !important;
  font-size: 14px;
}
.searchWrapper .dd-pointer {
  margin-top: -11px !important;
}
.searchWrapper .searchFilters {
  margin-top: 15px;
  width: 100%;
  float: left;
}
.searchWrapper .functionsWrapp {
  position: relative;
  float: left;
  bottom: 0px;
  text-align: center;
  margin-top: 28px;
}
.searchWrapper .functionsWrapp .functionalCol {
  display: inline-block;
  margin: 0px;
  width: 16%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.searchWrapper .functionsWrapp .functionalCol i {
  height: 40px;
  width: 40px;
  line-height: 26px;
}
.searchWrapper .functionsWrapp .functionalCol div {
  height: 40px;
  width: 40px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.searchWrapper .functionsWrapp .functionalCol div.educationalFunc {
  background: #4185b1;
}
.searchWrapper .functionsWrapp .functionalCol div.selfFunc {
  background: #256088;
}
.searchWrapper .functionsWrapp .functionalCol div.careFunc {
  background: #416E86;
}
.searchWrapper .functionsWrapp .functionalCol div.automonitorFunc {
  background: #ffc320;
}
.searchWrapper .functionsWrapp .functionalCol div.personalizedFunc {
  background: #ff6900;
}
.searchWrapper .functionsWrapp .functionalCol div.professionalFunc {
  background: #f0514a;
}
.searchWrapper .functionsWrapp .functionalCol span {
  font-size: 12px;
  width: 100%;
  padding: 5px 0px 15px;
}
.searchWrapper .functionsWrapp .functionalCol.fcActive {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}

.searchInput {
  clear: both;
}
.searchInput .categoryOption {
  width: 19%;
  float: left;
}

.searchDataSection {
  margin: 40px 0 20px;
}
.searchDataSection .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .searchDataSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 1023px) {
  .searchDataSection .contentContainer {
    padding: 0px;
  }
}
@media (max-width: 1023px) {
  .searchDataSection {
    margin-top: 0px;
  }
}

.searchResultSection {
  float: right;
  width: 100%;
}
@media (max-width: 1023px) {
  .searchResultSection {
    width: 100%;
    float: left;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .searchResultSection {
    padding: 0 13px;
  }
}

.filterSection {
  min-height: 35px;
  width: 50%;
  float: right;
}
@media (max-width: 1023px) {
  .filterSection {
    width: 100%;
    float: left;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .filterSection {
    margin-top: 16px;
  }
}

.searchedAppWrapp {
  margin-top: 0px !important;
  width: 100%;
  position: relative;
}
@media (max-width: 1279px) {
  .searchedAppWrapp {
    padding-left: 0px !important;
  }
}
@media (max-width: 1023px) {
  .searchedAppWrapp {
    margin-top: 16px;
    float: left;
    padding-left: 0px;
  }
}
.searchedAppWrapp .functionsWrapp li {
  margin: 0px 13px;
}
@media (max-width: 1023px) {
  .searchedAppWrapp .functionsWrapp li {
    margin: 0px 9px;
  }
}
@media (max-width: 767px) {
  .searchedAppWrapp .functionsWrapp li {
    margin: 0px 15px;
  }
}
@media (max-width: 479px) {
  .searchedAppWrapp .functionsWrapp li {
    margin: 0px 6px;
  }
}
.searchedAppWrapp #preloader {
  position: absolute;
  top: -1px;
  bottom: 0;
  background-color: #EEEEEE;
  z-index: 10;
  width: 100%;
  opacity: 0.8;
}

.searchedPost {
  float: left;
  position: relative;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
  width: 32%;
  margin: 0 2% 14px 0%;
  padding: 20px 15px;
}
.searchedPost h2 {
  font-weight: bold;
  font-size: 18px;
  margin: 0px 0px 0 15px;
  float: left;
  line-height: 17px;
}
.searchedPost h2 span {
  display: block;
  
  font-size: 12px;
}
@media (max-width: 1023px) {
  .searchedPost h2 {
    font-size: 16px;
    margin-left: 11px;
  }
}
@media (max-width: 479px) {
  .searchedPost h2 {
    font-size: 12px;
  }
}
.searchedPost h2 .appcardHead {
  color: #4086B2;
  font-size: 18px;
  font-weight: bold;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.searchedPost h2 .appcardHead:hover {
  color: #246088;
}
@media (max-width: 1023px) {
  .searchedPost h2 .appcardHead {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .searchedPost h2 .appcardHead {
    font-size: 12px;
  }
}
.searchedPost.searchPg {
  padding: 20px 10px 10px 15px;
  min-height: 210px;
}
.searchedPost.searchPg .sideIcon {
  border-top: 30px solid #4086B2;
  border-left: 30px solid transparent;
  border-right: 30px solid #4086B2;
  border-bottom: 30px solid transparent;
}
.searchedPost.searchPg .sideIcon i {
  top: -23px;
  right: -19px;
}
.searchedPost.searchPg .sideIcon i:before {
  font-size: 22px;
}
.searchedPost.searchPg .sideIcon.android {
  border-color: #416E86 !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
.searchedPost.searchPg .levelTitle {
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0px 0px 0;
}
@media (max-width: 1279px) {
  .searchedPost.searchPg .levelTitle {
    margin: 51px 0 0;
  }
}
@media (max-width: 1023px) {
  .searchedPost.searchPg .levelTitle {
    font-size: 15px;
    margin: 41px 0 0;
  }
}
@media (max-width: 479px) {
  .searchedPost.searchPg .levelTitle {
    font-size: 12px;
  }
}
.searchedPost.searchPg .level {
  text-align: center;
  padding: 9px 0px 4px;
}
.searchedPost.searchPg .level span {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px !important;
  margin: 0 6px 0 0 !important;
  padding: 3px 0px;
  width: 20px;
  height: 20px;
  background: none;
}
.searchedPost.searchPg .level span:last-child {
  margin-right: 0 !important;
}
.searchedPost.searchPg .level span.activeLevel {
  color: #ffffff !important;
}
@media (max-width: 479px) {
  .searchedPost.searchPg .level span {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 1px 0px 0px 0px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}
.searchedPost.searchPg .adCol:last-child {
  float: right;
  width: 34%;
}
@media (max-width: 1279px) {
  .searchedPost.searchPg {
    min-height: 227px;
  }
}
@media (max-width: 1023px) {
  .searchedPost.searchPg {
    min-height: 203px;
  }
}
@media (max-width: 767px) {
  .searchedPost.searchPg {
    min-height: 203px;
  }
}
@media (max-width: 479px) {
  .searchedPost.searchPg {
    min-height: 190px;
    padding: 15px 10px;
  }
}
@media (min-width: 1400px) {
  .searchedPost:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1399px) {
  .searchedPost:nth-child(3n+3) {
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1279px) {
  .searchedPost {
    width: 49%;
    margin: 0 0 14px 0%;
  }
  .searchedPost:nth-child(3n+3) {
    float: left;
  }
  .searchedPost:nth-child(2n+2) {
    float: right;
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .searchedPost {
    width: 49%;
    margin-left: 0%;
    padding: 15px;
  }
  .searchedPost:nth-child(3n+3) {
    float: left;
  }
  .searchedPost:nth-child(2n+2) {
    float: right;
  }
}
@media (max-width: 767px) {
  .searchedPost {
    width: 100%;
    margin-left: 0%;
    padding: 15px;
  }
}

.spData {
  padding: 5px;
  margin: 0px 0px 5px;
}
.spData .appThumb {
  width: 76px;
  max-height: 76px;
  float: left;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  overflow: hidden;
}
.spData .appThumb img {
  width: 100%;
}
@media (max-width: 1023px) {
  .spData .appThumb {
    width: 64px;
    max-height: 64px;
  }
}
@media (max-width: 767px) {
  .spData .appThumb {
    width: 70px;
    max-height: 70px;
  }
}
@media (max-width: 479px) {
  .spData .appThumb {
    width: 60px;
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  .spData {
    margin: 0px 0px;
    padding: 0px;
  }
}
@media (max-width: 479px) {
  .spData {
    margin: 0px 0px 0px;
  }
}

.appStats {
  float: left;
  margin-left: 0px;
  width: 100%;
  padding-top: 5px;
}
.appStats .adCol {
  float: left;
  width: 33%;
  text-align: center;
}
.appStats .adCol span {
  display: block;
  font-size: 16px;
  color: #246088;
  margin-bottom: 10px;
}
@media (max-width: 1023px) {
  .appStats .adCol span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .appStats .adCol span {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .appStats .adCol span {
    font-size: 14px;
  }
}
.appStats .adCol .levelCircle {
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #e0e0e0;
  width: 50px;
  height: 50px;
  line-height: 2.5em;
  font-size: 20px;
  font-weight: bold;
  color: #246088;
  margin: auto;
}
@media (max-width: 1279px) {
  .appStats .adCol .levelCircle {
    width: 70px;
    height: 70px;
    line-height: 2.8em;
    font-size: 25px;
  }
}
@media (max-width: 1023px) {
  .appStats .adCol .levelCircle {
    width: 50px;
    height: 50px;
    line-height: 2.5em;
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .appStats .adCol .levelCircle {
    width: 50px;
    height: 50px;
    line-height: 2.8em;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .appStats .adCol .levelCircle {
    width: 50px;
    height: 50px;
    line-height: 2.8em;
    font-size: 18px;
  }
}

.postheadingContainer .appThumb {
  width: 50px;
  height: 50px;
  float: left;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  overflow: hidden;
}
.postheadingContainer .appThumb img {
  width: 100%;
  height: 100%;
}
@media (max-width: 479px) {
  .postheadingContainer .appThumb {
    width: 40px;
    max-height: 40px;
  }
}
.postheadingContainer h2 {
  width: calc(100% - 96px);
}
@media (max-width: 1023px) {
  .postheadingContainer h2 {
    width: calc(100% - 96px);
  }
}
@media (max-width: 479px) {
  .postheadingContainer h2 {
    font-size: 12px;
    margin-left: 10px;
    width: calc(100% - 84px);
  }
}

.arrowMenu:after {
  content: "";
  font-size: 20px;
  color: #ffffff;
  margin-right: 18px;
}

.arrowMenu.open:after {
  content: "";
  font-size: 20px;
  color: #ffffff;
  margin-right: 18px;
}

.toggleMenu {
  position: relative;
}
@media (max-width: 1023px) {
  .toggleMenu {
    display: block;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
  }
}
.toggleMenu .arrowMenu {
  position: absolute;
  right: 35px;
  top: 11px;
  display: none;
}
@media (max-width: 1023px) {
  .toggleMenu .arrowMenu {
    display: block;
    right: 18px;
  }
}
@media (max-width: 767px) {
  .toggleMenu .arrowMenu {
    right: 0px;
  }
}

#side {
  float: left;
  display: inline;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: -15px;
  width: 100%;
  display: table;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
@media (min-width: 1400px) {
  #side {
    display: block;
  }
}
@media (max-width: 1399px) {
  #side {
    display: block;
  }
}
@media (max-width: 1279px) {
  #side {
    display: block;
  }
}
@media (max-width: 1023px) {
  #side {
    display: none;
    margin-top: 0px;
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  #side {
    padding: 0px;
  }
}
#side .accordion a {
  display: block;
  color: #19BAB5;
  text-align: left;
  font-size: 16px;
  padding: 14px 35px 14px 10px;
  
  text-decoration: none;
  background: #ffffff;
  position: relative;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#side .accordion a:hover {
  background: #fa4d6c;
  color: #ffffff;
}
#side .accordion a.trigger:hover:after {
  color: #ffffff;
}
@media (max-width: 767px) {
  #side .accordion a {
    padding: 14px 35px 14px 16px;
  }
}
#side .accordion li {
  list-style-type: none;
  list-style: none;
  position: relative;
  border-bottom: 1px solid #fa4d6c;
}
#side .accordion li:last-child {
  border-bottom: 0px;
}
#side .accordion ul {
  margin: 0;
  background: #e9f7f7;
  padding: 10px 0px;
}
#side .accordion ul li {
  margin-top: 0px;
  border: none;
}
#side .accordion ul li a {
  background: none;
  padding: 14px 35px 14px 10px;
}
#side .accordion ul li a:hover {
  background: #fa4d6c;
  
}
#side .accordion ul li a.open {
  background: #fa4d6c;
}
#side .accordion ul li:last-child a {
  border-bottom: none;
}
#side .accordion .last-child a:after {
  content: " ";
}
#side .accordion .open {
  background: #fa4d6c;
  color: #ffffff;
}
#side .accordion .open:after {
  color: #ffffff;
}
@media (max-width: 1023px) {
  #side .accordion {
    background: #ffffff;
  }
}

/*
#side a:hover, #side a:active, #side a:focus {background-color:#334}*/
/* --- Accordion --- */
.js #main .accordion {
  visibility: hidden;
}

.js #side .accordion {
  display: none;
}

/*  
  Add styles for all links in the 'accordion':
  .accordion a {...}*/
a.trigger {
  display: block;
  padding-left: 20px;
}
a.trigger:after {
  content: "";
  font-size: 15px;
  color: #fa4d6c;
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -5px;
}

a.trigger.open:after {
  content: "";
  font-size: 15px;
  color: #fa4d6c;
  top: 50%;
  margin-top: -5px;
  position: absolute;
  right: 18px;
}

.seemore {
  font-size: 19px;
}

.singleOpen {
  background: #d7d7d7 !important;
}

.parentOpen {
  background: #d7d7d7 !important;
}

.childOpen {
  font-weight: bold !important;
}

.dd-container {
  float: left;
  width: 48% !important;
  margin-left: 12px;
}
@media (max-width: 1279px) {
  .dd-container {
    width: 45% !important;
    margin-left: 14px;
  }
}
@media (max-width: 1023px) {
  .dd-container {
    width: 47% !important;
  }
}
@media (max-width: 1023px) {
  .dd-container {
    margin-left: 0px;
    width: 49% !important;
  }
}
.dd-container:last-child {
  float: right;
  margin: 0;
}

.dd-selected {
  color: #246088;
  padding: 11px 20px 11px 10px !important;
  font-weight: normal !important;
  border: 1px solid #246088;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dd-select {
  border-color: none !important;
  border: 0 !important;
  background: none !important;
  font-size: 15px;
}
@media (max-width: 479px) {
  .dd-select {
    font-size: 12px;
  }
}
.dd-select .dd-pointer {
  border: 0 !important;
  margin-top: -7px;
}
.dd-select .dd-pointer:after {
  font-size: 15px;
  color: black;
  float: right;
  display: inline-block;
  vertical-align: top;
}

.ddExpand .dd-select {
  background-color: transparent !important;
  border-bottom: none !important;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ddExpand .dd-selected {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.dd-pointer-down:after {
     display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  font-size: 25px;
      font-weight: 700;
  content: "\f0ab";
}

.dd-pointer-up:after {
     display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
      font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  font-size: 25px;
  content: "\f0aa";
}

.dd-options {
  border-color: #246088 !important;
  max-height: 300px;
  z-index: 11 !important;
  background: #EEEEEE !important;
  margin: 0px 0 0 !important;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
}
@media (max-width: 479px) {
  .dd-options {
    margin: 0px 0 0 !important;
  }
}
.dd-options li:last-child a {
  border-bottom: 0 !important;
}

.dd-option {
  border-bottom: 1px solid #246088 !important;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #246088 !important;
  font-size: 15px;
}
@media (max-width: 479px) {
  .dd-option {
    font-size: 12px;
  }
}
.dd-option:hover {
  background: #dadada !important;
  color: #ffffff !important;
}

.dd-option-selected {
  background-color: #246088 !important;
  display: none !important;
}

.moreAppsBtn {
  border: 1px solid #246088;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  float: right;
  margin-top: 5px;
  margin-bottom: 10px;
}
.moreAppsBtn a {
  display: block;
  color: #246088;
  padding: 10px 0px;
  text-decoration: none;
  font-size: 18px;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.moreAppsBtn a:hover {
  background: #4086B2;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .moreAppsBtn {
    width: 100%;
  }
}

.searchPage .back-to-top {
  margin-top: 30px;
}

.platformSelect {
  float: left;
  width: 50%;
}
.platformSelect li {
  float: left;
  display: block;
  width: 33.3%;
  text-align: center;
}
.platformSelect li a {
  display: block;
  padding: 13px 0;
  text-decoration: none;
  font-size: 14px;
  color: #246088;
}
.platformSelect li a:hover {
  background: #4086B2;
  color: #ffffff !important;
}
.platformSelect li a:hover span {
  color: #ffffff !important;
}
.platformSelect li a.active {
  background: #246088;
  color: #ffffff;
}
@media (max-width: 479px) {
  .platformSelect li a {
    font-size: 13px;
  }
}
.platformSelect li span {
  float: none;
}
.platformSelect li span:hover {
  color: #ffffff !important;
}
@media (max-width: 1279px) {
  .platformSelect li span {
    display: none;
  }
}
@media (max-width: 1023px) {
  .platformSelect li span {
    display: inline;
  }
}
@media (max-width: 479px) {
  .platformSelect li span {
    display: none;
  }
}
.platformSelect li .toggleBtn:hover {
  color: #ffffff !important;
}
.platformSelect li.toggleBtn:nth-child(n) {
  border-top: 1px solid #246088;
  border-bottom: 1px solid #246088;
}
.platformSelect li.toggleBtn:first-child {
  border: 1px solid #246088;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
}
.platformSelect li.toggleBtn:last-child {
  border: 1px solid #246088;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0;
  border-radius: 0 5px 5px 0;
}
.platformSelect li.toggleBtn:last-child a:hover {
  background: #19BAB5;
  color: #ffffff;
}
.platformSelect li.toggleBtn:last-child a.active {
  background: #19BAB5;
  color: #ffffff;
}
@media (max-width: 1279px) {
  .platformSelect {
    width: 50%;
    margin-bottom: 14px;
  }
}
@media (max-width: 1023px) {
  .platformSelect {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 1px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .platformSelect {
    margin-top: 14px;
    margin-bottom: 0px;
  }
}

@media (max-width: 1279px) {
  .appoverview .contentContainer {
    padding: 0 20px !important;
  }
}
@media (max-width: 1023px) {
  .appoverview .contentContainer {
    padding: 0 13px !important;
  }
}
.appoverview .recommendedSection {
  padding: 0px;
}
.appoverview .searchedPost {
  margin: 0 1% 14px 0%;
  width: 32.66% !important;
}
.appoverview .searchedPost:nth-child(3n+3) {
  float: right;
  margin: 0 0 14px 0;
}
.appoverview .searchedPost .functionsWrapp li {
  margin: 0px 13px;
}
@media (max-width: 1023px) {
  .appoverview .searchedPost .functionsWrapp li {
    margin: 0px 9px;
  }
}
@media (max-width: 767px) {
  .appoverview .searchedPost .functionsWrapp li {
    margin: 0px 15px;
  }
}
@media (max-width: 479px) {
  .appoverview .searchedPost .functionsWrapp li {
    margin: 0px 6px;
  }
}
@media (max-width: 1279px) {
  .appoverview .searchedPost {
    width: 49% !important;
    min-height: 230px !important;
  }
  .appoverview .searchedPost:nth-child(3n+3) {
    float: left;
    margin: 0 1% 14px 0%;
  }
  .appoverview .searchedPost:nth-child(2n+2) {
    float: right !important;
    margin: 0 0 14px 0;
  }
  .appoverview .searchedPost .appStats {
    margin-left: 8px;
  }
}
@media (max-width: 1023px) {
  .appoverview .searchedPost {
    min-height: 209px !important;
  }
}
@media (max-width: 767px) {
  .appoverview .searchedPost {
    width: 100% !important;
    min-height: 209px !important;
  }
}
@media (max-width: 479px) {
  .appoverview .searchedPost {
    min-height: 194px !important;
  }
}

.unqualifiedApps {
  background: #EEEEEE;
  font-size: 25px;
  font-weight: bold;
  color: #b2b2b2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #999999 0px -1px 1px;
  -webkit-box-shadow: #999999 0px -1px 1px;
  box-shadow: #999999 0px -1px 1px;
  float: left;
  clear: both;
  height: 111px;
  margin-top: 15px;
  display: table;
  width: 99.7%;
  text-align: center;
}
.unqualifiedApps div {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1279px) {
  .unqualifiedApps {
    height: 128px;
  }
}
@media (max-width: 1023px) {
  .unqualifiedApps {
    height: 104px;
  }
}
@media (max-width: 479px) {
  .unqualifiedApps {
    font-size: 18px;
  }
}

.awaitingApp {
  text-decoration: none !important;
}
.awaitingApp .awaitingCol {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  font-size: 18px;
  color: #246088;
}
@media (max-width: 1279px) {
  .awaitingApp .awaitingCol {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .awaitingApp .awaitingCol {
    padding-top: 12px;
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .awaitingApp .awaitingCol {
    padding-top: 20px;
  }
}
.awaitingApp .appStats .adCol span {
  height: 18px;
}
.awaitingApp .levelTitle {
  height: 18px;
  background: #d1d1d1;
  width: 95px;
}
@media (max-width: 479px) {
  .awaitingApp .levelTitle {
    width: 70px;
  }
}
.awaitingApp .bar {
  border: 0.1em solid #d1d1d1 !important;
}

.appPage {
  /* Circles for App page */
}
.appPage .searchAppSection {
  padding: 30px 0px 40px;
}
.appPage .searchAppSection h2 {
  margin: 0 0 20px;
}
.appPage .searchAppSection p {
  color: #ffffff;
  font-size: 16px;
}
.appPage img {
  width: 100%;
}
.appPage .contentWrap {
  width: 100%;
}
@media (max-width: 1023px) {
  .appPage .searchDataSection {
    margin: 20px 0;
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .appPage .searchDataSection {
    margin: 20px 0;
    padding: 0 13px;
  }
}
.appPage .searchedPost {
  width: 100%;
  padding: 0;
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
}
.appPage .spData {
  margin: 0;
  padding: 0;
}
.appPage .c100 {
  font-size: 100px;
}
.appPage .c100 > span {
  line-height: 3.6em;
  font-size: 28px !important;
}
@media (max-width: 1279px) {
  .appPage .c100 > span {
    line-height: 4em;
    font-size: 20px !important;
  }
}
@media (max-width: 1023px) {
  .appPage .c100 > span {
    line-height: 4em;
  }
}
@media (max-width: 767px) {
  .appPage .c100 > span {
    line-height: 3em !important;
    font-size: 20px !important;
  }
}
@media (max-width: 479px) {
  .appPage .c100 > span {
    line-height: 2.8em !important;
    font-size: 18px !important;
  }
}
@media (max-width: 1279px) {
  .appPage .c100 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .appPage .c100 {
    font-size: 60px;
  }
}
@media (max-width: 479px) {
  .appPage .c100 {
    font-size: 50px;
  }
}
.appPage .appStats {
  float: none;
  margin: 0 auto;
  width: 100%;
  /* @include breakpoint(screen768) {
  	width: 100%;
  	} */
}
.appPage .appStats .breakdownTitle {
  padding-left: 4%;
}
.appPage .appStats .adCol .levelCircle {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  line-height: 5em;
}
@media (max-width: 1279px) {
  .appPage .appStats .adCol .levelCircle {
    width: 80px;
    height: 80px;
    line-height: 3.2em;
  }
}
@media (max-width: 1023px) {
  .appPage .appStats .adCol .levelCircle {
    line-height: 4em;
  }
}
@media (max-width: 767px) {
  .appPage .appStats .adCol .levelCircle {
    line-height: 4.5em;
  }
}
@media (max-width: 479px) {
  .appPage .appStats .adCol .levelCircle {
    width: 60px;
    height: 60px;
    line-height: 3.5em;
  }
}

.leftSection {
  float: left;
  position: relative;
  /* width: 78%;
  max-width: 972px; */
  width: 85%;
  background: #ffffff;
  padding: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
@media (max-width: 1279px) {
  .leftSection {
    padding: 30px;
    width: 80%;
  }
}
@media (max-width: 1023px) {
  .leftSection {
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 479px) {
  .leftSection {
    padding: 10px;
  }
}
.leftSection .functionsWrapp {
  position: relative;
  margin: 30px 0px 20px;
  float: left;
  color: #ffffff;
  padding-left: 4%;
}
.leftSection .functionsWrapp li {
  width: 49%;
  display: inline-block;
  margin: 20px 0px;
  height: auto;
  float: left;
  cursor: default;
  position: relative;
}
@media (max-width: 479px) {
  .leftSection .functionsWrapp li {
    width: 100%;
    margin: 10px 0px;
  }
}
.leftSection .functionsWrapp i {
  float: left;
  width: 55px;
  height: 55px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
}
.leftSection .functionsWrapp i:before {
  font-size: 25px !important;
  padding-top: 20px;
  line-height: 22px;
}
@media (max-width: 1279px) {
  .leftSection .functionsWrapp i:before {
    font-size: 19px !important;
    line-height: 0px;
    color: #ffffff !important;
  }
}
@media (max-width: 767px) {
  .leftSection .functionsWrapp i:before {
    font-size: 17px !important;
    padding-top: 16px;
  }
}
@media (max-width: 1279px) {
  .leftSection .functionsWrapp i {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 767px) {
  .leftSection .functionsWrapp i {
    width: 30px;
    height: 30px;
  }
}
.leftSection .functionsWrapp h3 {
  
  float: left;
  font-size: 16px;
  margin: 20px 0px 0px 15px;
  line-height: 20px;
  color: #246088;
}
@media (max-width: 1279px) {
  .leftSection .functionsWrapp h3 {
    font-size: 13px;
    margin: 7px 0px 0px 6px;
  }
}
@media (max-width: 767px) {
  .leftSection .functionsWrapp h3 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .leftSection .functionsWrapp {
    margin: 30px 0px 14px;
  }
}
@media (max-width: 479px) {
  .leftSection .functionsWrapp {
    padding-left: 0%;
    margin: 14px 0px 5px;
  }
}
.leftSection .functionsWrapp .fni {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.leftSection .functionsWrapp .fni .fniMask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #ffffff;
  left: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=82);
  opacity: 0.82;
}

.rightSidebar {
  float: right;
  /* width: 14%; */
  background: #ffffff;
  padding: 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
.rightSidebar li {
  margin-bottom: 25px;
  clear: both;
  overflow: hidden;
  max-width: 120px;
  list-style: none;
}
.rightSidebar li img {
  max-width: 120px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  float: left;
  margin-bottom: 15px;
}
.rightSidebar li:last-child {
  /* margin-right: 0 $imp; */
}
@media (max-width: 1023px) {
  .rightSidebar li {
    display: inline-block;
    float: left;
    clear: none;
    max-width: none;
  }
}
.rightSidebar h2 {
  
  font-size: 20px;
  margin: 0 0 25px;
  color: #246088;
}
@media (max-width: 1279px) {
  .rightSidebar h2 {
    font-size: 18px;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .rightSidebar h2 {
    text-align: left;
  }
}
.rightSidebar h3 {
  margin: 7px 0 0;
  font-size: 14px;
  color: #236189;
  display: block;
  clear: both;
}
.rightSidebar h3 a {
  color: #236189;
  text-decoration: none;
  display: inline-block;
  max-width: 120px;
}
.rightSidebar h3 a img {
  max-width: 120px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  float: left;
  margin-bottom: 15px;
}
.rightSidebar h3 a:last-child {
  /* margin-right: 0 $imp; */
}
@media (max-width: 1023px) {
  .rightSidebar h3 a {
    white-space: initial;
  }
}
.rightSidebar p {
  margin: 5px 0;
  color: #236189;
}
@media (max-width: 1279px) {
  .rightSidebar {
    /* padding: 16px; */
  }
}
@media (max-width: 1023px) {
  .rightSidebar {
    width: 100%;
    max-width: 100%;
    margin-top: 50px;
  }
}

.pageTitle {
  width: 100%;
}
.pageTitle h2 {
  margin: 0;
  color: #236189;
  font-size: 30px;
  
}
@media (max-width: 767px) {
  .pageTitle h2 {
    font-size: 16px;
    font-weight: bold;
    padding: 3px 0px 6px;
    width: calc(100% - 76px);
  }
}
@media (max-width: 479px) {
  .pageTitle h2 {
    font-size: 12px;
    width: calc(100% - 45px);
  }
}
.pageTitle h4 {
  margin: 20px 0 0 0;
  color: #416E86;
  font-size: 18px;
}
@media (max-width: 479px) {
  .pageTitle h4 {
    font-size: 14px;
    margin: 10px 0 0 0;
  }
}
.pageTitle img {
  width: 80px;
  float: left;
  margin-right: 20px;
  display: none;
  border: 1px solid #e0e0e0;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
}
@media (max-width: 767px) {
  .pageTitle img {
    display: block;
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 479px) {
  .pageTitle img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
}

.breadcrumb {
  width: 100%;
}
.breadcrumb p {
  font-size: 18px;
  
  margin-top: 0;
}
.breadcrumb p a {
  color: #246088;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.breadcrumb p a:hover {
  color: #4086B2;
}

.leftSideBar {
  float: left;
  width: 22%;
  /* max-width: 188px; */
  padding: 50px 0;
}
.leftSideBar .sideBarText {
  margin: 30px 0;
  width: 100%;
}
.leftSideBar .sideBarText p {
  font-size: 14px;
  color: #416E86;
  margin: 0 0 16px 0;
  overflow: hidden;
}
.leftSideBar .sideBarText p span:nth-child(2) {
  text-align: left;
  width: 60%;
}
@media (max-width: 1279px) {
  .leftSideBar .sideBarText p span:nth-child(2) {
    width: 56%;
  }
}
.leftSideBar .sideBarText p span:nth-child(1) {
  width: 38% !important;
  float: left;
}
.leftSideBar img {
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .leftSideBar img {
    display: none;
  }
}
@media (max-width: 1279px) {
  .leftSideBar {
    width: 28%;
  }
}
@media (max-width: 767px) {
  .leftSideBar {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

.rightContentSection {
  float: right;
  width: 78%;
  /* max-width: 635px; */
  padding: 50px 0 50px 50px;
}
.rightContentSection .contentTile {
  margin: 0;
  color: #236189;
  font-size: 20px;
  font-weight: bold;
}
.rightContentSection p {
  font-size: 16px;
  text-align: justify;
  color: #236189;
  word-break: normal;
}
@media (max-width: 767px) {
  .rightContentSection p {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .rightContentSection {
    width: 72%;
    padding: 50px 0 50px 30px;
  }
}
@media (max-width: 767px) {
  .rightContentSection {
    width: 100%;
    padding: 10px 0;
  }
}
@media (max-width: 479px) {
  .rightContentSection {
    padding: 10px 0;
  }
}

.fancyScroller {
  padding: 20px;
  background: #ebebeb;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
}
.fancyScroller ul li {
  display: inline-block;
  margin-right: 20px;
}
.fancyScroller ul li:last-child {
  margin-right: 0;
}

@media (max-width: 1023px) {
  .similarAppScroller {
    /* padding: 20px; */
    overflow-x: auto;
    white-space: nowrap;
    max-width: 100%;
  }
  .similarAppScroller ul li {
    display: inline-block;
    margin-right: 65px;
  }
}

#appShowcase {
  width: 100%;
  clear: both;
  height: 370px;
  position: relative;
}
#appShowcase img {
  border: 2px solid #DEDEDE;
  width: 100%;
}
#appShowcase .Landscape {
  max-width: 450px;
  height: 307px;
}
#appShowcase .portrait {
  max-width: 190px;
  height: 307px;
}
#appShowcase #appShowcaseinner {
  overflow: hidden;
  height: 370px;
}

.sideIcon {
  position: absolute;
  top: 0;
  right: 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 50px solid #4086B2;
  border-left: 50px solid transparent;
  border-right: 50px solid #4086B2;
  border-bottom: 50px solid transparent;
  font-size: 12px;
  line-height: 1;
}
.sideIcon i {
  position: absolute;
  top: -35px;
  right: -30px;
}
@media (max-width: 767px) {
  .sideIcon i {
    top: -23px;
    right: -19px;
  }
}
@media (max-width: 767px) {
  .sideIcon i:before {
    font-size: 22px;
  }
}
.sideIcon.android {
  border-color: #416E86 !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
}
@media (max-width: 767px) {
  .sideIcon {
    border-top: 30px solid #4086B2;
    border-left: 30px solid transparent;
    border-right: 30px solid #4086B2;
    border-bottom: 30px solid transparent;
  }
}

.levelTitle {
  font-size: 20px;
  font-weight: bold;
  margin: 69px 0px 0px 0;
  text-align: left;
}
@media (max-width: 1279px) {
  .levelTitle {
    margin: 57px 0 0;
  }
}
@media (max-width: 1023px) {
  .levelTitle {
    font-size: 15px;
    margin: 56px 0 0;
  }
}
@media (max-width: 767px) {
  .levelTitle {
    margin: 51px 0 0;
  }
}
@media (max-width: 479px) {
  .levelTitle {
    font-size: 12px;
    margin: 44px 0 0;
  }
}

.level {
  text-align: center;
  padding: 20px 0px 4px;
}
.level span {
  display: inline-block !important;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 12px !important;
  margin: 0 6px 0 0 !important;
  color: #a6a6a6 !important;
  padding: 3px 0px;
  width: 20px;
  height: 20px;
}
.level span:last-child {
  margin-right: 0 !important;
}
.level span.activeLevel {
  background: #416E86;
  color: #ffffff !important;
}
@media (max-width: 479px) {
  .level span {
    font-size: 10px !important;
    margin: 0 !important;
    padding: 1px 0px 0px 0px;
    width: 16px;
    height: 16px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .level {
    padding: 9px 0px 4px;
  }
}

.subTitle {
  color: #246088;
}
@media (max-width: 767px) {
  .subTitle {
    padding-left: 69px;
  }
}
@media (max-width: 479px) {
  .subTitle {
    padding-left: 49px;
  }
}
.subTitle li {
  display: inline-block;
  font-size: 18px;
  margin: 20px 40px 0 0;
}
.subTitle li:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .subTitle li {
    font-size: 14px;
    display: block;
    margin: 0px;
    padding: 5px 0px;
    
  }
}
@media (max-width: 479px) {
  .subTitle li {
    font-size: 12px;
  }
}
.subTitle .boldTitle {
  color: #416E86;
  font-weight: bold;
}

.AppPagebuttonsContainer a.fullReportBtn {
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .AppPagebuttonsContainer a.fullReportBtn {
    width: 100%;
    margin: 10px 0 0 0;
  }
}
@media (max-width: 1023px) {
  .AppPagebuttonsContainer a {
    width: 100%;
  }
}

.recipientEmail {
  padding: 0 !important;
  margin-right: 10px;
}
.recipientEmail input[type='text'] {
  width: 100%;
  padding: 14px 10px;
}
@media (max-width: 1023px) {
  .recipientEmail input[type='text'] {
    margin: 0 0 10px 0;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .recipientEmail {
    float: none;
    margin-right: 0px;
  }
}
.recipientEmail span {
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 1279px) {
  .recipientEmail {
    width: calc(100% - 139px);
  }
}
@media (max-width: 1023px) {
  .recipientEmail {
    width: 100%;
    margin-bottom: 10px;
  }
}

.pro a.first {
  display: block;
}
@media (max-width: 1023px) {
  .pro a.first {
    display: none;
  }
}
.pro a.second {
  display: none;
}
@media (max-width: 1023px) {
  .pro a.second {
    display: block;
  }
}
.pro .aquaBackground {
  padding: 13px 13px 14px !important;
}

.spacefixer {
  width: 100%;
}

.fullterms {
  text-align: center !important;
}

#preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ebebeb;
  z-index: 10;
}


.appDescription {
  font-size: 16px;
  text-align: justify;
  word-break: normal;
  color: #236189;
  line-height: 29px !important;
  margin-top: 15px;
}

.appbreakDown {
  margin: 15px 0px;
}
.appbreakDown .breakdownRow {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.appbreakDown .adCol {
  float: left;
  width: 33%;
  text-align: center;
}
.appbreakDown .breakdownTitle {
  text-align: left;
  font-size: 14px;
  color: #416E86;
  font-weight: bold;
  padding-left: 4%;
}
@media (max-width: 1399px) {
  .appbreakDown .breakdownTitle {
    white-space: nowrap;
  }
}
@media (max-width: 1279px) {
  .appbreakDown .breakdownTitle {
    white-space: normal;
  }
}
@media (max-width: 767px) {
  .appbreakDown .breakdownTitle {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .appbreakDown .breakdownTitle {
    font-size: 12px;
    padding-left: 0%;
  }
}
.appbreakDown .breakdownValue {
  color: #246088;
}

.simplePopup {
  background: #EEEEEE;
  color: #246088;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .simplePopup {
    padding-bottom: 10px;
  }
}
.simplePopup h2 {
     font-size: 24px;
  color: #246088;
  
}
@media (max-width: 767px) {
  .simplePopup h2 {
    margin: 10px 0px;
  }
}
.simplePopup h2 span {
  font-size: 14px;
  font-style: italic;
}
.simplePopup .formrow label {
  font-size: 18px;
  color: #246088;
  display: block;
  margin-bottom: 5px;
}
.simplePopup .formrow .formField {
  background: #ffffff;
  border: 1px solid #246088;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  padding: 15px 10px;
  font-size: 16px;
  color: #246088;
  outline: none;
  width: 100%;
}
.simplePopup .formrow .leftCol, .simplePopup .formrow .closeBetaWrapp .rightCol, .closeBetaWrapp .simplePopup .formrow .rightCol {
  width: 48%;
  float: left;
}
@media (max-width: 767px) {
  .simplePopup .formrow .leftCol, .simplePopup .formrow .closeBetaWrapp .rightCol, .closeBetaWrapp .simplePopup .formrow .rightCol {
    width: 100%;
    margin-bottom: 15px;
  }
}
.simplePopup .formrow .rightCol {
  width: 48%;
  float: right;
}
@media (max-width: 767px) {
  .simplePopup .formrow .rightCol {
    width: 100%;
  }
}
.simplePopup .formrow .forgotLink, .simplePopup .formrow .signupLink {
  margin: 22px 0px;
  text-align: right;
  font-size: 16px;
}
.simplePopup .formrow .forgotLink a, .simplePopup .formrow .signupLink a {
  font-weight: bold;
  color: #246088;
}
@media (max-width: 767px) {
  .simplePopup .formrow .forgotLink, .simplePopup .formrow .signupLink {
    text-align: center;
  }
}
.simplePopup .formrow .signupLink {
  text-align: left;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .simplePopup .formrow .signupLink {
    text-align: center;
    margin-top: 0px;
  }
}
.simplePopup .formrow .moreBtn {
  border: 1px solid #19BAB5;
  min-width: 120px;
  line-height: 38px;
  -webkit-appearance: none;
}
.simplePopup .formrow .moreBtn:hover {
  border: 1px solid #c36a7a;
}
@media (max-width: 767px) {
  .simplePopup .formrow .moreBtn {
    text-align: center;
    display: inline-block;
    float: none;
    font-size: 16px;
  }
}
.simplePopup .formrow .cnclBtn {
  background: none;
  border: 1px solid #246088;
  color: #246088;
}

@media (max-width: 767px) {
  .btnCol {
    text-align: center;
  }
}

.errorMsg label {
  color: #F53030 !important;
}
.errorMsg .formField {
  border: 1px solid #F53030;
  color: #F53030 !important;
}

.resetWrapp {
  display: none;
}
.resetWrapp .rswCol {
  width: 100% !important;
  margin-bottom: 10px;
}
.resetWrapp .btnCol {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .resetWrapp .btnCol {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .resetWrapp .signupLink {
    margin-top: 0px;
  }
}

.signupWrapp .formrow {
  margin-bottom: 28px;
}
.signupWrapp .formrow .dd-container {
  width: 32% !important;
  margin: 0px 2% 0 0 !important;
  float: left;
}
.signupWrapp .formrow .dd-container:last-child {
  float: right;
  margin: 0px !important;
}
@media (max-width: 479px) {
  .signupWrapp .formrow .dd-container {
    width: 100% !important;
    margin: 0px 0 10px 0 !important;
  }
}
.signupWrapp .formrow .dd-selected {
  padding: 15px 10px !important;
}
.signupWrapp .formrow .dd-selected label {
  color: #ffffff !important;
  font-size: 16px !important;
  margin: 0px !important;
  cursor: pointer;
}
.signupWrapp .formrow .dd-select {
  background: #246088 !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 51px;
}
.signupWrapp .formrow .dd-select .dd-pointer {
  margin-top: -13px;
}
.signupWrapp .formrow .dd-select .dd-pointer:after {
  font-size: 28px;
  color: #ffffff;
}
.signupWrapp .formrow .dd-option {
  background: #246088;
  border: 0;
}
.signupWrapp .formrow .dd-option label {
  color: #ffffff;
  font-size: 16px !important;
  cursor: pointer;
}
.signupWrapp .formrow .dd-option:hover {
  background: none;
  color: #ffffff;
}
.signupWrapp .formrow .dd-options {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-height: 248px;
  margin-top: -1px !important;
}

.genderCell .dd-container:last-child {
  width: 100% !important;
}

.pageheadingSection {
  background: #19BAB5;
  padding: 54px 0px;
}
@media (max-width: 767px) {
  .pageheadingSection {
    padding: 22px 0;
  }
}
.pageheadingSection .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .pageheadingSection .contentContainer {
    padding: 0px 50px;
  }
}
@media (max-width: 1023px) {
  .pageheadingSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .pageheadingSection .contentContainer {
    padding: 0px 13px;
  }
}
.pageheadingSection h2 {
  font-size: 30px;
  color: #ffffff;
  
  margin: 0px;
}
@media (max-width: 767px) {
  .pageheadingSection h2 {
    font-size: 22px;
    margin: 0px;
  }
}

.newscontentSection {
  margin: 40px 0 20px;
}
.newscontentSection .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .newscontentSection .contentContainer {
    padding: 0px 50px;
  }
}
@media (max-width: 1023px) {
  .newscontentSection .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .newscontentSection .contentContainer {
    padding: 0px 13px;
  }
}
@media (max-width: 1023px) {
  .newscontentSection {
    margin: 20px 0 20px;
  }
}

.newsPost {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
  overflow: hidden;
  margin-bottom: 12px;
}
.newsPost h2 {
  margin: 28px 0 25px;
  font-size: 30px;
}
.newsPost h2 a {
  color: #19BAB5;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.newsPost h2 a:hover {
  color: #fa4d6c;
}
@media (max-width: 1023px) {
  .newsPost h2 {
    margin: 22px 0 1px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .newsPost h2 {
    font-size: 16px;
  }
}
.newsPost p {
  font-size: 16px;
  color: #597a96;
  line-height: 20px;
}
@media (max-width: 1023px) {
  .newsPost p {
    font-size: 14px;
  }
  .newsPost p:last-of-type {
    display: none;
  }
}
@media (max-width: 767px) {
  .newsPost p {
    font-size: 15px;
  }
}
@media (max-width: 1023px) {
  .newsPost .articleDate {
    padding: 9px 0px 0px 0px;
  }
}
.newsPost .articleBtn {
  margin: 36px 0px 15px;
}
@media (max-width: 1279px) {
  .newsPost .articleBtn {
    margin: 20px 0px 15px;
  }
}
@media (max-width: 1023px) {
  .newsPost .articleBtn {
    margin: 10px 0px 15px;
  }
}

.oneColNews {
  clear: both;
}
.oneColNews .thumb {
  width: 377px;
  float: left;
  background: url("../images/newsPost2.jpg") 0 20%;
  background-size: cover;
  min-height: 503px;
}
@media (max-width: 1023px) {
  .oneColNews .thumb {
    width: 41%;
    min-height: 378px;
  }
}
@media (max-width: 767px) {
  .oneColNews .thumb {
    width: 100%;
    min-height: 320px;
  }
}
@media (max-width: 479px) {
  .oneColNews .thumb {
    width: 100%;
    min-height: 190px;
  }
}
.oneColNews .newsDescription {
  float: right;
  width: calc(100% - 410px);
  padding-right: 20px;
}
@media (max-width: 1023px) {
  .oneColNews .newsDescription {
    width: calc(100% - 45%);
  }
}
@media (max-width: 767px) {
  .oneColNews .newsDescription {
    width: 95%;
    float: none;
    margin: auto;
    overflow: hidden;
    padding-right: 0px;
  }
}

.twoColNews .newsPost {
  width: 49.5%;
  float: left;
  margin-bottom: 12px;
  min-height: 155px;
}
.twoColNews .newsPost:nth-child(even) {
  float: right;
}
@media (max-width: 1279px) {
  .twoColNews .newsPost {
    min-height: 204px;
  }
}
@media (max-width: 1023px) {
  .twoColNews .newsPost {
    width: 100%;
    min-height: 155px;
  }
}
.twoColNews .newsDescription {
  width: 90%;
  margin: auto;
}
@media (max-width: 1279px) {
  .twoColNews .newsDescription {
    padding-right: 0px;
  }
}
@media (max-width: 1023px) {
  .twoColNews .newsDescription {
    width: 95%;
    padding-right: 0px;
  }
}
.twoColNews h2 {
  font-size: 16px;
  margin: 22px 0 1px;
}
.twoColNews .articleDate {
  padding: 16px 0px 0px 0px;
}
.twoColNews .articleBtn {
  margin: 14px 0px 15px;
}
@media (max-width: 1279px) {
  .twoColNews .articleBtn {
    margin: 0px 0px 15px;
  }
}
.twoColNews p {
  width: calc(100% - 123px);
  float: left;
}
@media (max-width: 1279px) {
  .twoColNews p {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .twoColNews p:last-of-type {
    display: block;
  }
}

.noimagePost .newsDescription {
  width: 97.5%;
  margin: auto;
}
@media (max-width: 767px) {
  .noimagePost .newsDescription {
    width: 95%;
  }
}
.noimagePost h2 {
  font-size: 24px;
  margin: 22px 0 1px;
}
@media (max-width: 767px) {
  .noimagePost h2 {
    font-size: 16px;
  }
}
.noimagePost .articleDate {
  padding: 16px 0px 0px 0px;
}
.noimagePost .articleBtn {
  margin: 0px 0px 25px;
}
@media (max-width: 1023px) {
  .noimagePost p:last-of-type {
    display: block;
  }
}

.paginationWrapp {
  margin: 25px 0;
  text-align: right;
}
.paginationWrapp a {
  width: 48px;
  height: 38px;
  border: 1px solid #88a7bb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
}
.paginationWrapp a.disableClick {
  color: #88a7bb;
}
.paginationWrapp span {
  color: #246088;
  font-size: 18px;
  padding: 0px 22px;
}
.paginationWrapp span a {
  width: 20px;
  height: 20px;
  border: 0;
  display: inline-block;
}
.paginationWrapp span a.activepageNav {
  color: #19BAB5 !important;
}
@media (max-width: 1023px) {
  .paginationWrapp {
    text-align: center;
  }
}

.activepageNav .fa-leftPointer:before {
  color: #226088;
}
.activepageNav .fa-rightPointer:before {
  color: #226088;
}

.fa-leftPointer:before {
  content: "";
  font-size: 20px;
  color: #88a7bb;
  margin: 8px 19px 0 0;
}
@media (max-width: 1023px) {
  .fa-leftPointer:before {
    margin: 8px 1px 0 0;
  }
}

.fa-rightPointer:before {
  content: "";
  font-size: 20px;
  color: #88a7bb;
  margin: 8px 16px 0 0;
}
@media (max-width: 1023px) {
  .fa-rightPointer:before {
    margin: 8px -5px 0 0;
  }
}

@media (max-width: 1023px) {
  .newspiecePage .breadcrumb {
    padding-left: 20px;
  }
}
.newspiecePage .leftSection {
  padding: 0px;
  overflow: hidden;
}
.newspiecePage .leftSection .newsBanner img {
  width: 100%;
}
.newspiecePage .leftSection .newsieceContent {
  width: 80%;
  margin: 60px auto 20px;
}
.newspiecePage .leftSection .newsieceContent h2 {
  color: #246088;
  font-size: 30px;
  
}
@media (max-width: 767px) {
  .newspiecePage .leftSection .newsieceContent h2 {
    font-size: 22px;
  }
}
.newspiecePage .leftSection .newsieceContent .articleDate {
  color: #416E86;
  font-size: 20px;
  padding: 0px 0px 14px 0px;
}
@media (max-width: 767px) {
  .newspiecePage .leftSection .newsieceContent .articleDate {
    font-size: 14px;
  }
}
.newspiecePage .leftSection .newsieceContent p {
  color: #246088;
  font-size: 16px;
}
@media (max-width: 767px) {
  .newspiecePage .leftSection .newsieceContent p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .newspiecePage .leftSection .newsieceContent {
    width: 85%;
    margin: 30px auto 20px;
  }
}
@media (max-width: 1023px) {
  .newspiecePage .leftSection {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.newspiecePage .rightSidebar h2 {
  margin: 0 0 20px;
}
.newspiecePage .mostRecent ul {
  width: 100px;
}
.newspiecePage .mostRecent ul li {
  margin-bottom: 35px;
}
@media (max-width: 1023px) {
  .newspiecePage .mostRecent ul li {
    width: 130px;
    margin-bottom: 15px;
    float: left;
    margin-right: 35px;
  }
}
@media (max-width: 1023px) {
  .newspiecePage .mostRecent ul {
    width: 100%;
  }
}
.newspiecePage .mostRecent h3 {
  color: #416E86;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
}
.newspiecePage .mostRecent h3 a {
  color: #416E86;
  text-decoration: none;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.newspiecePage .mostRecent h3 a:hover {
  color: #3fcfcb;
}
@media (max-width: 1023px) {
  .newspiecePage .mostRecent h3 {
    white-space: normal;
  }
}
.newspiecePage .mostRecent p {
  color: #fa4d6c;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .newspiecePage {
    padding: 0px !important;
  }
}

.newsSocial {
  margin: 30px 0 45px;
  float: left;
}
.newsSocial span {
  float: left;
  color: #80d2d0;
  font-size: 16px;
  margin-top: 5px;
}
.newsSocial ul {
  float: left;
  margin: 0;
}
.newsSocial ul li a {
  padding: 0px 20px;
}
.newsSocial ul .fbIcon:before {
  color: #80d2d0;
  font-size: 22px;
}
.newsSocial ul .twIcon:before {
  color: #80d2d0;
  font-size: 25px;
}
.newsSocial ul .fa-linkedin:before {
  color: #80d2d0;
  font-size: 25px;
}

@media (max-width: 1279px) {
  .aboutpageWrapp .contentContainer {
    padding: 0 20px;
  }
}
@media (max-width: 1023px) {
  .aboutpageWrapp .contentContainer {
    padding: 0;
  }
}
.aboutpageWrapp .aboutContainer {
  width: 100%;
  background: #ffffff;
  padding: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  overflow: hidden;
  margin-bottom: 30px;
}
.aboutpageWrapp .aboutContainer h2 {
  color: #246088;
  font-size: 30px;
  
  margin: 0;
  padding: 0px 0px 15px 0px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .aboutpageWrapp .aboutContainer h2 {
    font-size: 22px;
  }
}
.aboutpageWrapp .aboutContainer p {
  color: #246088;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .aboutpageWrapp .aboutContainer p {
    font-size: 14px;
  }
}
.aboutpageWrapp .aboutContainer p a {
  color: #19BAB5;
  text-decoration: none;
  -moz-transition: all, ease, 0.3s;
  -o-transition: all, ease, 0.3s;
  -webkit-transition: all, ease, 0.3s;
  transition: all, ease, 0.3s;
}
.aboutpageWrapp .aboutContainer p a:hover {
  color: #fa4d6c;
}
.aboutpageWrapp .aboutContainer .aboutlisting {
  list-style: none;
  /* Remove list bullets */
  padding: 0;
  margin: 0;
  display: table;
  width: 97%;
  float: right;
}
.aboutpageWrapp .aboutContainer .aboutlisting li {
  color: #246088;
  font-size: 16px;
  overflow: hidden;
  line-height: 20px;
  display: table-row;
}
.aboutpageWrapp .aboutContainer .aboutlisting li:before {
  content: "•";
  /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #416E86;
  /* Or a color you prefer */
  font-size: 25px;
  line-height: 19px;
  display: table-cell;
  width: 20px;
  vertical-align: top;
}
.aboutpageWrapp .aboutContainer .aboutlisting li span {
  display: table-cell;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .aboutpageWrapp .aboutContainer .aboutlisting li {
    font-size: 14px;
  }
}
@media (max-width: 1279px) {
  .aboutpageWrapp .aboutContainer {
    padding: 40px 20px;
  }
}
@media (max-width: 1023px) {
  .aboutpageWrapp .aboutContainer {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .aboutpageWrapp .aboutContainer {
    padding: 20px;
  }
}
.aboutpageWrapp .leftcolAbout {
  float: left;
  width: 60%;
}
.aboutpageWrapp .leftcolAbout h2 {
  font-size: 20px;
  color: #416E86;
  padding: 0px;
}
@media (max-width: 1279px) {
  .aboutpageWrapp .leftcolAbout {
    width: 48%;
  }
}
@media (max-width: 1023px) {
  .aboutpageWrapp .leftcolAbout {
    width: 100%;
  }
}
.aboutpageWrapp .leftcolAbout .aboutlisting {
  width: 97%;
  margin-top: 15px;
}
.aboutpageWrapp .rightcolAbout {
  float: right;
  width: 35%;
  padding-top: 41px;
}
@media (max-width: 1279px) {
  .aboutpageWrapp .rightcolAbout {
    width: 48%;
  }
}
@media (max-width: 1023px) {
  .aboutpageWrapp .rightcolAbout {
    float: right;
    width: 100%;
    padding-top: 0px;
    border-bottom: 2px solid #416E86;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
}
.aboutpageWrapp .videoContainer {
  width: 100%;
  float: left;
  position: relative;
  padding-bottom: 48%;
  padding-top: 30px;
  margin-bottom: 35px;
}
.aboutpageWrapp .videoContainer iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 1023px) {
  .aboutpageWrapp .videoContainer {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .aboutpageWrapp .videoContainer {
    width: 100%;
    float: left;
    padding-bottom: 50%;
  }
}
.aboutpageWrapp .buttonsContainer {
  clear: both;
  margin-top: 20px;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  .aboutpageWrapp .buttonsContainer {
    display: none;
  }
}

.textpageContainer {
  padding: 50px 50px 10px !important;
}
.textpageContainer h3 {
  font-size: 20px;
  color: #416E86;
  
  margin: 0px;
}
@media (max-width: 1279px) {
  .textpageContainer h3 {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 767px) {
  .textpageContainer h3 {
    font-size: 14px;
  }
}
.textpageContainer .textCols {
  margin-bottom: 20px;
}
.textpageContainer .textCols .textPost {
  margin-top: 30px;
  overflow: hidden;
}
.textpageContainer .textCols .textPost h2 {
  font-size: 22px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .textpageContainer .textCols .textPost h2 {
    font-size: 18px;
  }
}
@media (max-width: 1279px) {
  .textpageContainer .textCols .textPost {
    margin-top: 10px;
  }
}
.textpageContainer .textCols .textPost a {
  color: #19BAB5;
}
.textpageContainer .textCols .leftCol, .textpageContainer .textCols .closeBetaWrapp .rightCol, .closeBetaWrapp .textpageContainer .textCols .rightCol {
  width: 48%;
  float: left;
}
@media (max-width: 1279px) {
  .textpageContainer .textCols .leftCol, .textpageContainer .textCols .closeBetaWrapp .rightCol, .closeBetaWrapp .textpageContainer .textCols .rightCol {
    width: 100%;
  }
}
.textpageContainer .textCols .rightCol {
  width: 48%;
  float: right;
}
@media (max-width: 1279px) {
  .textpageContainer .textCols .rightCol {
    width: 100%;
  }
}
.textpageContainer .aboutlisting li {
  list-style-type: decimal;
}
.textpageContainer .aboutlisting li span {
  padding-bottom: 23px !important;
}
@media (max-width: 1279px) {
  .textpageContainer .aboutlisting li span {
    padding-bottom: 18px !important;
  }
}
.textpageContainer .contentlisting li {
  list-style-type: decimal;
  color: #246088;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 18px;
}
.textpageContainer .contentlisting li:last-child {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .textpageContainer .contentlisting li {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .textpageContainer .contentlisting li {
    font-size: 12px;
  }
}
.textpageContainer .contentlisting li ul {
  padding-left: 40px;
  margin-top: 18px;
}
@media (max-width: 767px) {
  .textpageContainer .contentlisting li ul {
    padding-left: 0px;
  }
}
.textpageContainer .contentlisting li ul li {
  list-style-type: lower-alpha;
}
.textpageContainer .contentlisting li ul li:last-child {
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .textpageContainer .contentlisting li ul li ul {
    padding-left: 0px;
  }
}
.textpageContainer .contentlisting li ul li ul li {
  list-style-type: lower-roman;
}
.textpageContainer .contentlisting li ul li ul li:last-child {
  padding-bottom: 0px;
}

.privacypage .textCols {
  margin-bottom: 0px;
}
.privacypage .textPost {
  margin-top: 10px !important;
}
.privacypage .textPost h2 {
  padding-bottom: 0px;
}

.teamCol {
  float: left;
  width: 48%;
  margin-bottom: 20px;
}
.teamCol:nth-child(2n) {
  float: right;
}
.teamCol .heading {
  position: relative;
  overflow: hidden;
}
.teamCol .heading img {
  width: auto;
  float: left;
}
.teamCol .heading .headName {
  width: calc(100% - 141px);
  float: left;
  margin-left: 141px;
  position: absolute;
  bottom: 0;
  color: #246088;
  font-size: 20px;
}
@media (max-width: 1023px) {
  .teamCol .heading .headName {
    width: 100%;
    margin-top: 20px;
    float: left;
    margin-left: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .teamCol .heading .headName {
    font-size: 18px;
  }
}
.teamCol .heading .headName br {
  display: none;
}
@media (max-width: 1279px) {
  .teamCol .heading .headName br {
    display: block;
  }
}
.teamCol .heading span {
  color: #19BAB5;
  font-size: 16px;
  font-weight: bold;
  clear: both;
  display: block;
  padding-top: 5px;
}
@media (max-width: 767px) {
  .teamCol .heading span {
    font-size: 14px;
  }
}
.teamCol .teamDetail {
  float: left;
  width: 100%;
}
.teamCol .teamDetail span {
  display: none;
}
@media (max-width: 767px) {
  .teamCol .teamDetail span {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .teamCol {
    width: 100%;
    margin: 0 0 15px 0;
  }
}

.boardPartner {
  margin-bottom: 10px;
  float: left;
}
.boardPartner h2 {
  color: #246088;
  font-size: 30px;
  
  margin: 0;
  padding: 0px 0px 15px 0px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .boardPartner h2 {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .boardPartner h2 {
    margin-bottom: 0px;
  }
}
.boardPartner .partnerCol {
  background: #ffffff;
  padding: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 30px;
}
.boardPartner .partnerCol h2 {
  text-align: left;
}
.boardPartner .partnerCol .pcLogo {
  text-align: center;
}
.boardPartner .partnerCol .pcLogo li {
  background: #ffffff;
  padding: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  float: left;
  width: 22%;
  height: 238px;
  margin: 0 4% 22px 0;
  padding: 0px;
  line-height: 134px;
}
.boardPartner .partnerCol .pcLogo li a {
  display: block;
  padding: 50px 0px;
}
@media (max-width: 1279px) {
  .boardPartner .partnerCol .pcLogo li a {
    padding: 50px 20px;
  }
}
@media (max-width: 1023px) {
  .boardPartner .partnerCol .pcLogo li a {
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .boardPartner .partnerCol .pcLogo li a {
    padding: 31px 0px;
  }
}
.boardPartner .partnerCol .pcLogo li:nth-child(4n+4) {
  float: right;
  margin: 0px;
}
@media (max-width: 1023px) {
  .boardPartner .partnerCol .pcLogo li {
    height: 155px;
    line-height: 134px;
    width: 48%;
  }
}
@media (max-width: 767px) {
  .boardPartner .partnerCol .pcLogo li {
    height: 207px;
    line-height: 134px;
    width: 48%;
    margin-bottom: 22px;
  }
}
@media (max-width: 479px) {
  .boardPartner .partnerCol .pcLogo li {
    clear: both;
    float: left;
    height: auto;
    line-height: 0;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .boardPartner .partnerCol .pcLogo li:nth-child(2n) {
    float: right;
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .boardPartner .partnerCol .pcLogo li:nth-child(2n) {
    float: right;
    margin: 0px;
  }
}
@media (max-width: 479px) {
  .boardPartner .partnerCol .pcLogo li:nth-child(2n) {
    float: none;
    margin-bottom: 22px;
  }
}
@media (max-width: 1279px) {
  .boardPartner .partnerCol .pcLogo img {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .boardPartner .partnerCol .pcLogo img {
    width: 111px;
  }
}
@media (max-width: 1023px) {
  .boardPartner .partnerCol .pcLogo img {
    width: 186px;
  }
}
@media (max-width: 767px) {
  .boardPartner .partnerCol {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 20px;
  }
}
.boardPartner .boardCol {
  background: #ffffff;
  padding: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  float: left;
}
.boardPartner .boardCol .teamCol {
  width: 46%;
  margin-right: 0%;
}
.boardPartner .boardCol .teamCol:last-child {
  float: right;
  margin-right: 0%;
}
.boardPartner .boardCol .teamCol p {
  color: #246088;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .boardPartner .boardCol .teamCol p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .boardPartner .boardCol .teamCol {
    width: 100%;
    margin: 0 0 15px 0;
  }
}
@media (max-width: 767px) {
  .boardPartner .boardCol {
    width: 100%;
    margin: 0 0 15px 0;
    padding: 20px;
  }
}
.boardPartner img {
  width: auto;
}

.aboutDescWrapp h2 {
  margin-bottom: 0px !important;
}

.teamcolwrapp {
  clear: both;
  float: left;
}

.recommendedSection {
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .recommendedSection {
    width: 100%;
    float: left;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .recommendedSection {
    padding: 0 13px;
  }
}
.recommendedSection .moreAppsBtn {
  width: 100%;
}
.recommendedSection h2.recommendedHeading {
  font-size: 30px;
  color: #246088;
  
  margin: 10px 0px 35px;
}
@media (max-width: 767px) {
  .recommendedSection h2.recommendedHeading {
    font-size: 22px;
    margin: 10px 0px 20px;
  }
}

.searchedAppWrapp {
  margin-top: 75px;
  width: 100%;
}
@media (max-width: 1279px) {
  .searchedAppWrapp {
    padding-left: 15px;
  }
}
@media (max-width: 1023px) {
  .searchedAppWrapp {
    margin-top: 16px;
    float: left;
    padding-left: 0px;
  }
}

.historyCol {
  width: 67%;
  float: left;
}
@media (max-width: 1279px) {
  .historyCol {
    width: 100%;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .historyCol {
    margin-bottom: 0px;
  }
}
.historyCol .paginationWrapp {
  margin: 25px 0;
}

.downloadedApps {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
  padding: 40px 25px 0;
  height: 659px;
  overflow-y: auto;
  font-size: 16px;
  text-decoration: none;
  color: #246088;
  font-weight: bold;
  clear: both;
}
.downloadedApps h3 {
  margin: 0px 0px 20px;
  color: #DEDEDE;
  
}
@media (max-width: 767px) {
  .downloadedApps h3 {
    margin: 10px 0px;
    font-size: 17px;
  }
}
@media (max-width: 1279px) {
  .downloadedApps {
    height: auto;
  }
}
@media (max-width: 1023px) {
  .downloadedApps {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .downloadedApps {
    padding: 10px;
  }
}
.downloadedApps .downloadedappRow {
  margin-bottom: 29px;
  overflow: hidden;
}
.downloadedApps .downloadedappRow .appThumb {
  float: left;
  width: 50px;
  height: 50px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #e0e0e0;
  margin-right: 4%;
}
.downloadedApps .downloadedappRow .appThumb img {
  width: 100%;
}
@media (max-width: 1279px) {
  .downloadedApps .downloadedappRow .appThumb {
    width: 68px;
    height: 67px;
    margin-right: 5%;
  }
}
@media (max-width: 1023px) {
  .downloadedApps .downloadedappRow .appThumb {
    width: 50px;
    height: 50px;
    margin-right: 4%;
  }
}
@media (max-width: 767px) {
  .downloadedApps .downloadedappRow .appThumb {
    width: 40px;
    height: 40px;
    margin-right: 3%;
  }
}
.downloadedApps .downloadedappRow .appTitle {
  float: left;
  margin-right: 1%;
  padding-top: 3px;
  width: 38%;
}
.downloadedApps .downloadedappRow .appTitle h2 {
  margin: 0px;
  font-weight: bold;
}
.downloadedApps .downloadedappRow .appTitle h2 a {
  font-size: 18px;
  text-decoration: none;
  color: #246088;
  display: block;
  word-wrap: break-word;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.downloadedApps .downloadedappRow .appTitle h2 a:hover {
  color: #4086B2;
}
@media (max-width: 1023px) {
  .downloadedApps .downloadedappRow .appTitle h2 a {
    font-size: 16px;
  }
}
.downloadedApps .downloadedappRow .appTitle a {
  font-size: 14px;
  
  text-decoration: none;
  color: #19BAB5;
  clear: both;
  float: left;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.downloadedApps .downloadedappRow .appTitle a:hover {
  color: #fa4d6c;
}
@media (max-width: 1023px) {
  .downloadedApps .downloadedappRow .appTitle a {
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  .downloadedApps .downloadedappRow .appTitle a {
    line-height: 15px;
  }
}
@media (max-width: 479px) {
  .downloadedApps .downloadedappRow .appTitle a {
    font-size: 13px;
  }
}
.downloadedApps .downloadedappRow .appTitle span {
  font-size: 14px;
  
}
@media (max-width: 1279px) {
  .downloadedApps .downloadedappRow .appTitle {
    margin-right: 16%;
    padding-top: 15px;
    width: 23%;
  }
}
@media (max-width: 1023px) {
  .downloadedApps .downloadedappRow .appTitle {
    margin-right: 8%;
    padding-top: 3px;
    width: 38%;
  }
}
@media (max-width: 767px) {
  .downloadedApps .downloadedappRow .appTitle {
    margin-right: 0%;
    width: auto;
  }
  .downloadedApps .downloadedappRow .appTitle h2 a {
    font-size: 14px;
  }
  .downloadedApps .downloadedappRow .appTitle span {
    font-size: 10px;
    margin-right: 0%;
  }
}
@media (max-width: 479px) {
  .downloadedApps .downloadedappRow .appTitle {
    margin-right: 0%;
  }
  .downloadedApps .downloadedappRow .appTitle h2 a {
    font-size: 13px;
  }
}
.downloadedApps .downloadedappRow .appDate, .downloadedApps .downloadedappRow .appLevel {
  margin-right: 8%;
  float: left;
  padding-top: 3px;
}
.downloadedApps .downloadedappRow .appDate span, .downloadedApps .downloadedappRow .appLevel span {
  
  font-size: 14px;
}
@media (max-width: 1279px) {
  .downloadedApps .downloadedappRow .appDate, .downloadedApps .downloadedappRow .appLevel {
    margin-right: 16%;
    padding-top: 15px;
  }
}
@media (max-width: 1023px) {
  .downloadedApps .downloadedappRow .appDate, .downloadedApps .downloadedappRow .appLevel {
    margin-right: 8%;
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .downloadedApps .downloadedappRow .appDate, .downloadedApps .downloadedappRow .appLevel {
    font-size: 10px;
    margin-right: 0%;
    
    clear: both;
  }
  .downloadedApps .downloadedappRow .appDate br, .downloadedApps .downloadedappRow .appLevel br {
    display: none;
  }
  .downloadedApps .downloadedappRow .appDate span, .downloadedApps .downloadedappRow .appLevel span {
    font-size: 10px;
  }
}
.downloadedApps .downloadedappRow .appLevel {
  margin-right: 0;
}
@media (max-width: 767px) {
  .downloadedApps .downloadedappRow .appLevel {
    display: none;
  }
}

.prescribedCol {
  float: right;
  width: 31%;
}
.prescribedCol .downloadedApps {
  overflow: hidden;
}
@media (max-width: 1279px) {
  .prescribedCol {
    width: 100%;
    float: right;
  }
  .prescribedCol .downloadedappRow {
    width: 48%;
    float: left;
  }
}
.prescribedCol .appTitle {
  width: auto !important;
}
@media (max-width: 1023px) {
  .prescribedCol .appTitle a {
    font-size: 16px !important;
  }
}
@media (max-width: 767px) {
  .prescribedCol .appTitle a {
    font-size: 13px !important;
  }
  .prescribedCol .appTitle a span {
    font-size: 12px !important;
  }
}
@media (max-width: 479px) {
  .prescribedCol .appTitle {
    width: auto !important;
  }
}
@media (max-width: 1023px) {
  .prescribedCol .downloadedappRow {
    width: 49%;
  }
}
@media (max-width: 767px) {
  .prescribedCol .downloadedappRow {
    width: 100%;
    margin-bottom: 20px;
  }
}

.mobileresLevel {
  display: none;
}
@media (max-width: 767px) {
  .mobileresLevel {
    display: inline-block;
    font-weight: bold !important;
  }
}

.daData {
  float: none;
}
@media (max-width: 767px) {
  .daData {
    float: left;
    width: calc(100% - 74px);
  }
}

.editPopup {
  padding: 0px;
}
.editPopup h2 {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .editPopup h2 {
    padding: 0 15px;
  }
}
.editPopup .formrow {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .editPopup .formrow {
    padding: 0 15px;
  }
}
.editPopup .currentPass {
  background: #246088;
  padding: 40px 0px 30px;
}
@media (max-width: 1023px) {
  .editPopup .currentPass {
    padding: 40px 0px 5px;
  }
}
@media (max-width: 767px) {
  .editPopup .currentPass {
    padding: 40px 0px 0px;
  }
}
.editPopup .currentPass .formrow {
  margin: 0;
}
.editPopup .currentPass .formrow .leftCol, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol {
  width: 100%;
}
.editPopup .currentPass .formrow .leftCol label, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol label, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol label {
  color: #ffffff;
  margin-bottom: 10px;
}
.editPopup .currentPass .formrow .leftCol .formField, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  margin-bottom: 20px;
  -webkit-appearance: none;
}
.editPopup .currentPass .formrow .leftCol .formField::-webkit-input-placeholder, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField::-webkit-input-placeholder, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField::-webkit-input-placeholder {
  color: #ffffff;
}
.editPopup .currentPass .formrow .leftCol .formField:-moz-placeholder, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField:-moz-placeholder, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField:-moz-placeholder {
  color: #ffffff;
}
.editPopup .currentPass .formrow .leftCol .formField::-moz-placeholder, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField::-moz-placeholder, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField::-moz-placeholder {
  color: #ffffff;
}
.editPopup .currentPass .formrow .leftCol .formField:-ms-input-placeholder, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField:-ms-input-placeholder, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField:-ms-input-placeholder {
  color: #ffffff;
}
@media (max-width: 767px) {
  .editPopup .currentPass .formrow .leftCol .formField, .editPopup .currentPass .formrow .closeBetaWrapp .rightCol .formField, .closeBetaWrapp .editPopup .currentPass .formrow .rightCol .formField {
    margin-bottom: 0px;
  }
}
.editPopup .currentPass .formrow .cnclBtn {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.editPopup .currentPass .formrow .moreBtn {
  -webkit-appearance: none;
}
@media (max-width: 767px) {
  .editPopup .currentPass .formrow .moreBtn {
    min-width: 100px;
    padding: 0px 27px;
  }
}
.editPopup .currentPass .formrow .deactive {
  float: left;
  width: auto;
  padding-top: 8px;
}
.editPopup .currentPass .formrow .deactive a {
  font-weight: bold;
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 767px) {
  .editPopup .currentPass .formrow .deactive a {
    font-size: 12px;
  }
}

.
.customUpload {
  background: transparent;
  border: 1px solid #246088;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  color: #246088;
  text-align: center;
  padding: 0px 10px;
  height: 50px;
  line-height: 50px;
  float: right;
  width: calc(100% - 197px);
  margin: 110px 0px 0px 0px !important;
}
.customUpload input {
  left: -9999px;
  position: absolute;
}
@media (max-width: 1279px) {
  .customUpload {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .customUpload {
    position: relative;
  }
}
@media (max-width: 479px) {
  .customUpload {
    width: 100%;
    float: left;
    margin: 20px 0 0 0 !important;
  }
}

@media (max-width: 767px) {
  .devEdit .signupWrapp .formrow .rightCol {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .devEdit .signupWrapp .formrow {
    margin-bottom: 10px;
  }
}
.devEdit .signupWrapp .deactive {
  padding-top: 10px;
}
.devEdit .signupWrapp .deactive a {
  color: #246088;
  font-weight: bold;
}
@media (max-width: 767px) {
  .devEdit .signupWrapp .deactive {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .devEdit .signupWrapp {
    padding-top: 10px;
  }
}


.appcardPro {
  height: 567px;
  clear: both;
}
@media (max-width: 1279px) {
  .appcardPro {
    height: auto;
  }
}

.paginationWrapp {
  clear: both;
}

.recommendedApp .appTitle h2 a {
  color: #19BAB5 !important;
}
.recommendedApp .appTitle h2 a:hover {
  color: #fa4d6c !important;
}
.recommendedApp .appTitle span {
  color: #19BAB5 !important;
}
.recommendedApp .appDate, .recommendedApp .downloadedApps .downloadedappRow .appLevel, .downloadedApps .downloadedappRow .recommendedApp .appLevel {
  color: #19BAB5 !important;
}
.recommendedApp .appLevel {
  color: #19BAB5 !important;
}

.certificateView .leftSection {
  width: 100%;
}
.certificateView .leftSection .rightContentSection {
  padding-bottom: 0px;
}
.certificateView .leftSection .rightContentSection p {
  word-break: normal;
}
@media (max-width: 767px) {
  .certificateView .desktopRes {
    display: none;
  }
}
.certificateView .mobileRes {
  display: none;
}
@media (max-width: 767px) {
  .certificateView .mobileRes {
    display: block;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .certificateView .mobileRes .sideBarText {
    margin: 20px 0;
  }
}
@media (max-width: 767px) {
  .certificateView .searchedPost {
    margin: 20px 0 0px;
  }
}
.certificateView p {
  word-break: normal;
}
.certificateView p a {
  color: #416E86;
  text-decoration: none;
}
.certificateView .refContent {
  text-align: center;
}
.certificateView .refContent .cR {
  color: #416E86;
  font-size: 14px;
  padding: 12px 0px;
}
.certificateView .refContent .cR span {
  font-weight: bold;
}
@media (max-width: 479px) {
  .certificateView .refContent .cR {
    font-size: 12px;
  }
}
.certificateView .refContent .buttonsContainer .btn {
  display: inline-block;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .certificateView .refContent .buttonsContainer .btn {
    display: block;
  }
}
@media (max-width: 479px) {
  .certificateView .refContent .buttonsContainer .btn {
    font-size: 12px;
  }
}
.certificateView .refContent p {
  text-align: center;
  font-size: 12px;
}
.certificateView .refContent img {
  width: auto;
  padding: 15px 0px;
}
.certificateView .refContent .undertaking {
  font-style: italic;
}
@media (max-width: 479px) {
  .certificateView .refContent .undertaking br {
    display: none;
  }
}

.mopDownloads h2 {
  font-size: 24px;
}
.mopDownloads .downloadedApps {
  height: 450px;
}
@media (max-width: 1279px) {
  .mopDownloads .downloadedApps {
    height: auto;
  }
}
.mopDownloads .appTitle a {
  font-size: 17px !important;
}
@media (max-width: 767px) {
  .mopDownloads .appTitle a {
    font-size: 14px !important;
  }
}
@media (max-width: 479px) {
  .mopDownloads .appTitle a {
    font-size: 13px !important;
  }
}
.mopDownloads .appThumb {
  margin-right: 21px !important;
}
.mopDownloads.prescribedCol .appTitle {
  margin-right: 0 !important;
  width: calc(100% - 72px) !important;
}
@media (max-width: 1279px) {
  .mopDownloads.prescribedCol .appTitle {
    width: calc(100% - 116px) !important;
  }
}
@media (max-width: 479px) {
  .mopDownloads.prescribedCol .appTitle {
    width: calc(100% - 71px) !important;
  }
}

.graphCol {
  width: 67%;
  float: left;
}
.graphCol .graphSection {
  height: 425px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
  padding: 20px;
}
.graphCol .graphSection img {
  width: 100%;
}
@media (max-width: 1279px) {
  .graphCol .graphSection {
    height: auto;
  }
}
@media (max-width: 479px) {
  .graphCol .graphSection .gdDes {
    display: none;
  }
}
.graphCol .graphSection .gdMob {
  display: none;
}
@media (max-width: 479px) {
  .graphCol .graphSection .gdMob {
    display: block;
  }
}
.graphCol .graphSection .graphDesc {
  margin-bottom: 10px;
  overflow: hidden;
}
.graphCol .graphSection .graphDesc span {
  float: left;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .graphCol .graphSection .graphDesc span {
    width: calc(100% - 82px);
  }
}
@media (max-width: 479px) {
  .graphCol .graphSection .graphDesc span {
    font-size: 12px;
    padding-top: 0px;
  }
}
.graphCol .graphSection .graphDesc .searchBtn, .graphCol .graphSection .graphDesc .moreBtn {
  float: right;
  text-transform: capitalize;
  min-width: 120px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  .graphCol .graphSection .graphDesc .searchBtn, .graphCol .graphSection .graphDesc .moreBtn {
    min-width: 70px;
    width: auto;
    font-size: 15px;
    line-height: 38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}
@media (max-width: 1279px) {
  .graphCol {
    width: 100%;
    margin-bottom: 25px;
  }
}
.graphCol h2 {
  font-size: 30px;
  color: #246088;
  
  margin: 10px 0px 35px;
  line-height: 17px;
}
@media (max-width: 767px) {
  .graphCol h2 {
    font-size: 22px;
    margin: 10px 0px 20px;
  }
}

.patientsCol {
  width: 31%;
  float: right;
}
.patientsCol .patientsSection {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
}
@media (max-width: 1279px) {
  .patientsCol {
    width: 100%;
    padding-bottom: 20px;
  }
}
.patientsCol h2 {
  font-size: 30px;
  color: #246088;
  
  margin: 10px 0px 35px;
  line-height: 17px;
}
@media (max-width: 767px) {
  .patientsCol h2 {
    font-size: 22px;
    margin: 10px 0px 20px;
  }
}

.patientRow {
  border-bottom: 1px solid #e0e0e0;
  padding: 20px;
  overflow: hidden;
}
.patientRow span {
  float: left;
  padding-top: 13px;
}
.patientRow .searchBtn, .patientRow .moreBtn {
  float: right;
  text-transform: capitalize;
  min-width: 120px;
}
@media (max-width: 767px) {
  .patientRow .searchBtn, .patientRow .moreBtn {
    min-width: 70px;
    width: auto;
    font-size: 15px;
    line-height: 38px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

.patientRecord {
  float: left;
  line-height: 20px;
  width: 62%;
}
.patientRecord span {
  clear: both;
  padding: 0px;
  font-size: 13px;
  word-break: break-all;
}
@media (max-width: 767px) {
  .patientRecord span {
    font-size: 12px;
  }
}
.patientRecord a {
  float: left;
  color: #19BAB5;
  font-size: 18px;
  text-decoration: none;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.patientRecord a:hover {
  color: #fa4d6c;
}
@media (max-width: 1023px) {
  .patientRecord a {
    font-size: 16px;
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  .patientRecord a {
    font-size: 14px;
  }
}
@media (max-width: 479px) {
  .patientRecord a {
    font-size: 13px;
  }
}
@media (max-width: 479px) {
  .patientRecord {
    width: 100%;
  }
}

.patientDate {
  float: right;
  font-size: 13px;
  line-height: 20px;
}
.patientDate span {
  color: #19BAB5;
  padding: 0px;
}
@media (max-width: 767px) {
  .patientDate {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .patientDate {
    float: left;
    clear: both;
  }
}

.naInvitation {
  color: #F53030;
}

.closeBetaWrapp {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  background: #ffffff;
  width: 466px;
  padding: 16px 35px;
      margin: 30px;
  position: absolute;
  left: 50%;
  margin-left: -233px;
}
@media (max-width: 767px) {
  .closeBetaWrapp {
    margin-bottom: 50px;
  }
}
@media (max-width: 479px) {
  .closeBetaWrapp {
    width: 90%;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 10% auto !important;
    padding: 20px;
  }
}
@media (max-width: 1023px) {
  .closeBetaWrapp .moreBtn {
    margin-bottom: 0px;
    float: right !important;
  }
}
@media (max-width: 479px) {
  .closeBetaWrapp .formField {
    font-size: 15px !important;
  }
}
.closeBetaWrapp .simplePopup {
  display: block;
  position: static;
  width: 100%;
  background: none;
  padding: 0px;
      margin-top: 25px;
}
.closeBetaWrapp .simplePopup .resetWrapp {
  display: block;
}
.closeBetaWrapp .simplePopup .resetWrapp .leftCol, .closeBetaWrapp .simplePopup .resetWrapp .rightCol {
  margin-bottom: 0px;
}
.closeBetaWrapp .simplePopup .forgotLink, .closeBetaWrapp .simplePopup .formrow .signupLink {
  text-align: left;
}
.closeBetaWrapp .simplePopup .forgotLink a, .closeBetaWrapp .simplePopup .formrow .signupLink a {
  text-decoration: none !important;
  border-bottom: 2px solid #246088;
}
.closeBetaWrapp .simplePopup h2 {
  text-align: center;
  margin-bottom: 40px;
}
.closeBetaWrapp .leftCol, .closeBetaWrapp .rightCol {
  width: 100% !important;
  margin-bottom: 30px;
}
.closeBetaWrapp .rightCol {
  margin-bottom: 0px !important;
}
.closeBetaWrapp .iconCont {
  text-align: center;
}
@media (max-width: 479px) {
  .closeBetaWrapp .iconCont img {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .closeBetaWrapp .btnCol {
    margin-bottom: 0px !important;
    margin-top: 10px;
  }
}
@media (max-width: 479px) {
  .closeBetaWrapp .btnCol {
    text-align: center;
  }
}
@media (max-width: 479px) {
  .closeBetaWrapp .btnCol .moreBtn {
    min-width: 84px;
    float: none !important;
  }
}
.closeBetaWrapp .cnclBtn {
  margin-right: 10px;
}
.closeBetaWrapp .signupWrapp .formrow {
  margin-bottom: 0px;
}
.closeBetaWrapp .signupWrapp .btnCol {
  margin-top: 22px;
}
.closeBetaWrapp .signupWrapp .dd-options {
  margin-top: -2px !important;
}

.webreportWrapp .reportappCard {
  padding: 30px 50px;
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  margin-bottom: 40px;
  min-height: 275px;
}
.webreportWrapp .reportappCard .functionsWrapp {
  margin-bottom: 8px;
}
.webreportWrapp .reportappCard .functionsWrapp ul {
  text-align: center;
}
.webreportWrapp .reportappCard .functionsWrapp ul li {
  text-align: center;
  margin: 0px 20px;
  display: inline-block;
  height: 29px;
  width: 29px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  float: none;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.educationalFunc {
  background: #4185b1;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.selfFunc {
  background: #256088;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.careFunc {
  background: #416E86;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.automonitorFunc {
  background: #ffc320;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.personalizedFunc {
  background: #ff6900;
}
.webreportWrapp .reportappCard .functionsWrapp ul li.professionalFunc {
  background: #f0514a;
}
@media (max-width: 1023px) {
  .webreportWrapp .reportappCard .functionsWrapp ul li {
    margin: 0px 9px;
  }
}
@media (max-width: 767px) {
  .webreportWrapp .reportappCard .functionsWrapp ul li {
    margin: 0px 15px;
  }
}
@media (max-width: 479px) {
  .webreportWrapp .reportappCard .functionsWrapp ul li {
    margin: 0px 3px;
  }
}
.webreportWrapp .reportappCard .functionsWrapp i {
  width: 29px;
  height: 29px;
  display: block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.webreportWrapp .reportappCard .functionsWrapp i:before {
  font-size: 15px !important;
  padding-top: 7px !important;
  line-height: normal !important;
}
.webreportWrapp .reportappCard .appStats {
  float: left;
}
@media (max-width: 1279px) {
  .webreportWrapp .reportappCard {
    padding: 30px;
  }
}
@media (max-width: 1023px) {
  .webreportWrapp .reportappCard {
    padding: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .webreportWrapp .reportappCard {
    min-height: 241px;
  }
}
@media (max-width: 479px) {
  .webreportWrapp .reportappCard {
    padding: 10px;
    min-height: 201px;
  }
}
.webreportWrapp .leftSection {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .webreportWrapp .leftSection {
    padding: 20px 10px;
    margin-bottom: 20px;
  }
}
.webreportWrapp .leftSection:last-child {
  margin-bottom: 0px;
}
.webreportWrapp .grnlinfoSection {
  text-align: center;
  padding: 200px 50px;
}
.webreportWrapp .grnlinfoSection .logoWrapp img {
  width: auto;
}
@media (max-width: 1023px) {
  .webreportWrapp .grnlinfoSection .logoWrapp img {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .webreportWrapp .grnlinfoSection .logoWrapp img {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .webreportWrapp .grnlinfoSection {
    padding: 69px 50px 60px;
  }
}
@media (max-width: 767px) {
  .webreportWrapp .grnlinfoSection {
    padding: 30px 20px 30px;
  }
}
.webreportWrapp .level {
  padding: 20px 0px 10px;
}
@media (max-width: 1023px) {
  .webreportWrapp .level {
    padding: 14px 0px 4px;
  }
}
@media (max-width: 479px) {
  .webreportWrapp .level {
    padding: 8px 0px 4px;
  }
}

.reportRef {
  width: 769px;
  margin: auto;
  padding: 150px 0px;
  text-align: left;
}
.reportRef .appName {
  width: 45%;
  float: left;
  font-size: 20px;
  color: #4385b1;
  font-weight: bold;
  line-height: 23px;
  padding-top: 60px;
}
.reportRef .appName span {
  font-size: 16px;
  color: #19BAB5;
  display: block;
  clear: both;
  font-weight: bold;
}
@media (max-width: 767px) {
  .reportRef .appName span {
    font-size: 14px;
  }
}
@media (max-width: 1023px) {
  .reportRef .appName {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .reportRef .appName {
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 30px;
  }
}
.reportRef .arReleased {
  width: 50%;
  float: right;
  font-size: 16px;
  color: #4385b1;
  
  line-height: 23px;
  border-left: 3px solid #4385b1;
  padding: 0 0 0 59px;
}
.reportRef .arReleased span {
  font-size: 20px;
  color: #19BAB5;
  display: block;
  clear: both;
  font-weight: bold;
}
@media (max-width: 767px) {
  .reportRef .arReleased span {
    font-size: 12px;
  }
}
.reportRef .arReleased .dR {
  padding: 0px 0px 60px;
}
@media (max-width: 1023px) {
  .reportRef .arReleased .dR {
    padding: 0px 0px 20px;
  }
}
@media (max-width: 767px) {
  .reportRef .arReleased .dR {
    line-height: 17px;
  }
}
@media (max-width: 767px) {
  .reportRef .arReleased .rR {
    line-height: 17px;
  }
}
.reportRef .arReleased img {
  width: auto;
  display: inline;
  padding: 0 41px 0 0;
}
@media (max-width: 1023px) {
  .reportRef .arReleased img {
    padding: 0 20px;
  }
}
@media (max-width: 479px) {
  .reportRef .arReleased img {
    width: 40%;
    padding: 0 10px;
  }
}
@media (max-width: 1023px) {
  .reportRef .arReleased {
    width: 100%;
    padding: 0 0 0 0px;
    border: none;
  }
}
@media (max-width: 767px) {
  .reportRef .arReleased {
    font-size: 10px;
  }
}
.reportRef.workPartner .appName {
  font-size: 16px;
  
  padding-top: 58px;
}
@media (max-width: 1023px) {
  .reportRef.workPartner .appName {
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .reportRef.workPartner .appName {
    font-size: 10px;
  }
}
@media (max-width: 1023px) {
  .reportRef {
    width: 100%;
    text-align: center;
    padding-top: 50px;
  }
}
@media (max-width: 767px) {
  .reportRef {
    padding-top: 20px;
  }
}

.indexSection {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}
.indexSection .indexLeft, .indexSection .indexRight {
  -moz-box-shadow: #c5c5c5 0px 0px 3px;
  -webkit-box-shadow: #c5c5c5 0px 0px 3px;
  box-shadow: #c5c5c5 0px 0px 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  width: 48%;
  background: #ffffff;
  padding: 28px 50px 14px;
  min-height: 375px;
}
.indexSection .indexLeft h2, .indexSection .indexRight h2 {
  color: #19BAB5;
  font-size: 20px;
  margin: 0;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .indexSection .indexLeft h2, .indexSection .indexRight h2 {
    font-size: 22px;
  }
}
.indexSection .indexLeft li, .indexSection .indexRight li {
  font-size: 18px;
  padding-bottom: 15px;
  font-weight: bold;
}
.indexSection .indexLeft li a, .indexSection .indexRight li a {
  color: #246088;
  text-decoration: none;
}
@media (max-width: 767px) {
  .indexSection .indexLeft li, .indexSection .indexRight li {
    font-size: 14px;
  }
}
.indexSection .indexLeft span, .indexSection .indexRight span {
  padding-right: 10px;
}
@media (max-width: 1023px) {
  .indexSection .indexLeft, .indexSection .indexRight {
    padding: 20px 20px 8px;
    width: 100%;
    min-height: 324px;
  }
}
@media (max-width: 767px) {
  .indexSection .indexLeft, .indexSection .indexRight {
    width: 100%;
    padding: 20px 10px 8px;
    margin-bottom: 20px;
    min-height: 0;
  }
}
.indexSection .indexRight {
  float: right;
  padding: 0px;
  background: url(../images/doc.jpg) no-repeat center 0;
}
.indexSection .indexRight img {
  display: none;
}
@media (max-width: 767px) {
  .indexSection .indexRight img {
    display: block;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .indexSection .indexRight {
    margin-top: 40px;
    background-size: cover;
    min-height: 400px;
  }
}
@media (max-width: 767px) {
  .indexSection .indexRight {
    margin-bottom: 0px;
    margin-top: 0px;
    background: none;
    overflow: hidden;
    min-height: 0px;
  }
}
@media (max-width: 767px) {
  .indexSection {
    margin-bottom: 20px;
  }
}

.content2COl h2 {
  font-size: 24px;
  color: #246088;
  margin: 0;
  
}
@media (max-width: 767px) {
  .content2COl h2 {
    font-size: 22px;
  }
}
.content2COl h3 {
  font-size: 20px;
  color: #416E86;
  margin: 40px 0 0;
}
@media (max-width: 767px) {
  .content2COl h3 {
    font-size: 16px;
  }
}
.content2COl .c2cLeft, .content2COl .c2cRight {
  float: left;
  width: 48%;
}
.content2COl .c2cLeft p, .content2COl .c2cRight p {
  font-size: 17px;
  color: #256088;
}
.content2COl .c2cLeft p:last-child, .content2COl .c2cRight p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .content2COl .c2cLeft p, .content2COl .c2cRight p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .content2COl .c2cLeft p, .content2COl .c2cRight p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .content2COl .c2cLeft, .content2COl .c2cRight {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .content2COl .promotionWrapp {
    margin-bottom: 0px;
  }
}
.content2COl .c2cRight {
  float: right;
}
@media (max-width: 767px) {
  .content2COl .c2cRight {
    margin-bottom: 0px;
  }
}

.content1COl h2 {
  font-size: 24px;
  color: #246088;
  margin: 0;
  
}
@media (max-width: 767px) {
  .content1COl h2 {
    font-size: 22px;
  }
}
.content1COl p {
  font-size: 17px;
  color: #256088;
}
.content1COl p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .content1COl p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .content1COl p {
    font-size: 14px;
    line-height: 21px;
  }
}

.ccBlue {
  color: #ffffff;
  background: #246088;
}
.ccBlue h2 {
  color: #ffffff;
  margin: 0;
  font-size: 24px;
  
}
@media (max-width: 767px) {
  .ccBlue h2 {
    font-size: 18px;
  }
}
.ccBlue p {
  font-size: 17px;
  color: #ffffff;
}
.ccBlue p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .ccBlue p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccBlue p {
    font-size: 14px;
    line-height: 21px;
  }
}

.cclightBlue {
  background: #4086B2;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 0px !important;
}
.cclightBlue h2 {
  color: #ffffff;
}
@media (max-width: 767px) {
  .cclightBlue h2 {
    font-size: 18px;
  }
}
.cclightBlue p {
  color: #ffffff !important;
}
@media (max-width: 1023px) {
  .cclightBlue p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .cclightBlue p {
    font-size: 14px;
    line-height: 21px;
  }
}

.ccaqua {
  background: #416E86;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 5px 5px;
  text-align: center;
}
.ccaqua h2 {
  color: #ffffff;
  margin: 0;
  font-size: 24px;
  
}
@media (max-width: 767px) {
  .ccaqua h2 {
    font-size: 18px;
  }
}
.ccaqua p {
  font-size: 17px;
  color: #ffffff;
}
.ccaqua p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .ccaqua p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccaqua p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccaqua {
    text-align: left;
  }
}

.categoryRow {
  margin-bottom: 20px;
}
.categoryRow h2 {
  font-size: 20px;
  color: #416E86;
  font-weight: bold;
}
.categoryRow h2 span {
  color: #246088;
  font-size: 18px;
}
@media (max-width: 767px) {
  .categoryRow h2 span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .categoryRow h2 {
    font-size: 16px;
  }
}
.categoryRow p {
  margin: 0;
}
@media (max-width: 1023px) {
  .categoryRow p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .categoryRow p {
    font-size: 14px;
    line-height: 21px;
  }
}

.contentnoWrapper {
  padding: 0 50px;
  background: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.contentnoWrapper p {
  font-size: 17px;
  color: #246088;
}
.contentnoWrapper p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .contentnoWrapper p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .contentnoWrapper p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .contentnoWrapper p:first-child {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .contentnoWrapper {
    padding: 0 10px !important;
  }
}

.categoryResult {
  margin-top: 50px;
  font-size: 20px;
  color: #416E86;
  font-weight: bold;
}
.categoryResult span {
  color: #246088;
  font-size: 18px;
}
@media (max-width: 767px) {
  .categoryResult span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .categoryResult {
    font-size: 16px;
    margin-top: 10px;
  }
}

.ccvalueR {
  color: #ffffff;
  background: #246088;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ccvalueR h2 {
  color: #ffffff;
  margin: 0;
  font-size: 24px;
  
}
@media (max-width: 767px) {
  .ccvalueR h2 {
    font-size: 22px;
  }
}
.ccvalueR p {
  font-size: 17px;
  color: #ffffff;
}
.ccvalueR p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .ccvalueR p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccvalueR p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccvalueR li {
    line-height: 21px;
  }
}
.ccvalueR .vrContainer {
  padding-bottom: 0px !important;
}

.vrContainer {
  float: left;
  width: 100%;
  padding: 20px 0px;
}
.vrContainer .vrcRanking {
  float: left;
  width: 48%;
}
.vrContainer .vrcRanking li {
  font-size: 17px;
  color: #ffffff;
  margin-bottom: 20px;
}
.vrContainer .vrcRanking li span {
  width: 287px;
  font-weight: bold;
  display: inline-block;
}
@media (max-width: 1023px) {
  .vrContainer .vrcRanking li span {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcRanking li span {
    width: 190px;
  }
}
@media (max-width: 1023px) {
  .vrContainer .vrcRanking li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcRanking li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcRanking {
    width: 100%;
  }
}
.vrContainer .vrcValue {
  float: left;
  width: 48%;
}
.vrContainer .vrcValue h2 {
  float: left;
  
  margin: 46px 0px 0px 45px;
  line-height: 22px;
  font-size: 24px;
}
.vrContainer .vrcValue h2 span {
  font-size: 17px;
  
}
.vrContainer .vrcValue .appStats {
  padding: 15px 0px 10px;
}
.vrContainer .vrcValue .adCol {
  width: auto;
}
.vrContainer .vrcValue .adCol span {
  color: #ffffff;
  font-size: 17px;
}
@media (max-width: 767px) {
  .vrContainer .vrcValue .adCol {
    float: none;
    width: auto;
    text-align: center;
    margin: auto;
  }
}
.vrContainer .vrcValue .c100:after {
  background: #246088;
}
.vrContainer .vrcValue .c100 span {
  font-size: 30px !important;
  line-height: 3.4em;
}
@media (max-width: 1279px) {
  .vrContainer .vrcValue .c100 span {
    line-height: 2.8em;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcValue .c100 span {
    font-size: 30px !important;
    line-height: 3.4em !important;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcValue .c100 {
    font-size: 100px;
  }
}
@media (max-width: 1023px) {
  .vrContainer .vrcValue {
    width: 43%;
  }
}
@media (max-width: 767px) {
  .vrContainer .vrcValue {
    width: 100%;
  }
}

.resultdescCol {
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 5px 5px;
}
.resultdescCol h2 {
  color: #416E86;
  font-weight: bold;
  font-size: 20px;
}
.resultdescCol ul {
  padding: 20px 0px;
}
.resultdescCol ul li {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 15px;
  color: #246088;
}
.resultdescCol ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .resultdescCol ul li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .resultdescCol ul li {
    font-size: 14px;
  }
}
.resultdescCol div {
  padding-bottom: 50px;
}
.resultdescCol div:last-child {
  padding-bottom: 0;
}

.riskvalueContainer h2 {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .riskvalueContainer h2 {
    font-size: 22px;
  }
}
.riskvalueContainer li {
  font-size: 17px;
  color: #ffffff;
  margin-bottom: 20px;
}
.riskvalueContainer li span {
  width: auto !important;
  font-weight: bold;
  display: inline-block;
}
@media (max-width: 1023px) {
  .riskvalueContainer li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .riskvalueContainer li {
    font-size: 14px;
  }
}

.ccSummary {
  color: #ffffff;
  background: #416E86;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px;
  margin-bottom: 0px !important;
}
.ccSummary h2 {
  color: #ffffff;
  margin: 0;
  font-size: 24px;
  
}
@media (max-width: 767px) {
  .ccSummary h2 {
    font-size: 20px;
  }
}
.ccSummary p {
  font-size: 17px;
  color: #ffffff;
}
.ccSummary p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .ccSummary p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .ccSummary p {
    font-size: 14px;
    line-height: 21px;
  }
}

.summaryHeading {
  color: #246088 !important;
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: normal !important;
}
@media (max-width: 767px) {
  .summaryHeading {
    font-size: 20px !important;
  }
}

.maindescCont, .subdescCont {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .maindescCont h2, .subdescCont h2 {
    font-size: 20px;
  }
}

.subdescCont h2 {
  color: #416E86;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .subdescCont h2 {
    font-size: 18px;
  }
}
.subdescCont li {
  font-size: 17px;
  color: #246088;
  margin-bottom: 20px;
  font-weight: bold;
}
.subdescCont li span {
  width: auto;
  
  display: inline-block;
}
.subdescCont li a {
  font-size: 17px;
  color: #416E86;
  
  text-decoration: none;
}
@media (max-width: 1023px) {
  .subdescCont li a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .subdescCont li a {
    font-size: 14px;
    word-wrap: break-word;
  }
}
@media (max-width: 1023px) {
  .subdescCont li {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .subdescCont li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .subdescCont .extraspaceTop {
    padding-top: 26px;
  }
}
@media (max-width: 767px) {
  .subdescCont .extraspaceBottom {
    padding-bottom: 26px;
  }
}

.disclaimerCont {
  text-align: center;
}
.disclaimerCont img {
  width: auto;
  margin: 10px 0;
}
.disclaimerCont .undertaking {
  font-size: 12px;
  text-align: left;
}

@media (max-width: 767px) {
  .rightContentSection .float-left h2 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .rightContentSection .float-left p {
    text-align: left;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .rightContentSection .float-left p a {
    word-wrap: break-word;
  }
}
@media (max-width: 767px) {
  .rightContentSection .float-left {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .refContent p {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .certificateView p a {
    word-wrap: break-word;
  }
}
@media (max-width: 767px) {
  .certificateView .functionsWrapp {
    margin: 44px 0px 0px;
  }
}

.usertypesLC {
  width: 49%;
  float: left;
}
.usertypesLC .c2cLeft, .usertypesLC .content2COl .c2cRight, .content2COl .usertypesLC .c2cRight {
  width: 100%;
}
.usertypesLC .cclightBlue {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.usertypesLC .ccaqua {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 20px 0 40px !important;
  text-align: left;
}
@media (max-width: 1023px) {
  .usertypesLC {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .usertypesLC .content2COl {
    margin-bottom: 20px !important;
  }
}

.usertypesRC {
  width: 49%;
  float: right;
}
.usertypesRC .c2cRight {
  width: 100%;
}
.usertypesRC h2 {
  font-size: 24px;
  color: #246088;
  margin: 0;
  
}
.usertypesRC p {
  font-size: 17px;
  color: #246088;
}
@media (max-width: 1023px) {
  .usertypesRC p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media (max-width: 767px) {
  .usertypesRC p {
    font-size: 14px;
  }
}
.usertypesRC .devofferWrapp {
  padding-top: 20px;
  font-weight: bold;
}
.usertypesRC .devofferWrapp p {
  color: #416E86 !important;
}
.usertypesRC .devofferWrapp .head {
  color: #246088 !important;
  
}
@media (max-width: 1023px) {
  .usertypesRC {
    width: 100%;
    margin-bottom: 20px;
  }
}

.rpWorking .c2cRight {
  margin-top: 28px;
}
@media (max-width: 1279px) {
  .rpWorking .c2cRight {
    width: 100%;
    margin-top: 0px;
  }
}
@media (max-width: 1279px) {
  .rpWorking .c2cRight h3 {
    margin: 28px 0 0;
  }
}
@media (max-width: 1279px) {
  .rpWorking .c2cLeft, .rpWorking .content2COl .c2cRight, .content2COl .rpWorking .c2cRight {
    width: 100%;
    margin-bottom: 0px;
  }
}

.vrDesc h2 {
  font-size: 18px;
  color: #416E86;
  font-weight: bold;
}

.reviewAreas p span {
  font-weight: bold;
  color: #416E86;
}
.reviewAreas li {
  font-weight: bold;
  color: #416E86;
  width: 48%;
  display: inline-block;
  font-size: 17px;
  margin: 10px 0px;
}
.reviewAreas li i {
  width: 29px;
  height: 29px;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
}
.reviewAreas li i:before {
  font-size: 15px !important;
  padding-top: 7px !important;
  line-height: normal !important;
}
@media (max-width: 1279px) {
  .reviewAreas li i:before {
    color: #ffffff;
  }
}
.reviewAreas li span {
  padding: 2px 0px 0px 15px;
}
@media (max-width: 767px) {
  .reviewAreas li span {
    padding: 2px 0px 0px 7px;
  }
}
@media (max-width: 767px) {
  .reviewAreas li {
    font-size: 12px;
  }
}
@media (max-width: 479px) {
  .reviewAreas li {
    width: 100%;
  }
}

.lvlRes {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0px;
  color: #416E86;
}

.lvlredDesc span {
  font-weight: bold;
  color: #ffffff;
}
.lvlredDesc strong {
  color: #ffffff;
}
.lvlredDesc .noteText {
  font-size: 14px;
  color: #ffffff;
  
}

.functionResults {
  background: #505050;
  -moz-border-radius: 0px 0px 5px 5px;
  -webkit-border-radius: 0px;
  border-radius: 0px 0px 5px 5px;
  margin-bottom: 40px !important;
  color: #ffffff;
  padding: 50px 50px 25px;
}
.functionResults h2 {
  color: #ffffff;
}
.functionResults p {
  color: #ffffff;
}
.functionResults li {
  width: 49%;
  display: inline-block;
  margin: 20px 0px;
}
@media (max-width: 767px) {
  .functionResults li {
    min-height: 65px;
    margin: 12px 0px;
  }
}
@media (max-width: 479px) {
  .functionResults li {
    width: 100%;
    min-height: 0px;
    margin: 9px 0px;
  }
}
.functionResults i {
  float: left;
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
}
.functionResults i:before {
  font-size: 45px !important;
  padding-top: 30px;
  line-height: 40px;
}
@media (max-width: 1023px) {
  .functionResults i:before {
    font-size: 42px !important;
    padding-top: 25px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .functionResults i:before {
    color: #ffffff;
    font-size: 15px !important;
    padding-top: 7px !important;
    line-height: normal !important;
  }
}
@media (max-width: 1023px) {
  .functionResults i {
    width: 77px;
    height: 77px;
  }
}
@media (max-width: 767px) {
  .functionResults i {
    width: 29px;
    height: 29px;
  }
}
.functionResults h3 {
  
  float: left;
  font-size: 24px;
  margin: 32px 0px 0px 15px;
  line-height: 20px;
}
.functionResults h3 span {
  color: #416E86;
  font-size: 17px !important;
}
@media (max-width: 767px) {
  .functionResults h3 span {
    font-size: 14px !important;
  }
}
@media (max-width: 1279px) {
  .functionResults h3 {
    font-size: 22px;
  }
}
@media (max-width: 1023px) {
  .functionResults h3 {
    font-size: 22px;
    margin: 15px 0px 0px 13px;
    width: calc(100% - 98px);
  }
}
@media (max-width: 767px) {
  .functionResults h3 {
    font-size: 14px;
    margin: 4px 0px 0px 13px;
    width: calc(100% - 44px);
  }
}
@media (max-width: 479px) {
  .functionResults h3 {
    margin: 0px 0px 0px 13px;
  }
}

.functionDesc {
  margin-bottom: 0px !important;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px;
}
.functionDesc li {
  width: 100%;
  display: inline-block;
  margin: 20px 0px;
}
.functionDesc li:last-child {
  margin-bottom: 0px;
}
@media (max-width: 479px) {
  .functionDesc li {
    margin: 7px 0px;
  }
}
.functionDesc i {
  float: left;
  width: 80px;
  height: 80px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
}
.functionDesc i:before {
  font-size: 37px !important;
  line-height: 80px;
}
@media (max-width: 767px) {
  .functionDesc i:before {
    color: #ffffff;
    font-size: 15px !important;
    padding-top: 7px !important;
    line-height: normal !important;
  }
}
@media (max-width: 767px) {
  .functionDesc i {
    width: 29px;
    height: 29px;
  }
}
.functionDesc span {
  
  float: right;
  font-size: 17px;
  margin: 6px 0px 0px 15px;
  line-height: 24px;
  width: calc(100% - 103px);
  color: #246088;
}
.functionDesc span strong {
  color: #416E86;
  font-size: 17px !important;
}
@media (max-width: 767px) {
  .functionDesc span strong {
    font-size: 14px !important;
  }
}
@media (max-width: 767px) {
  .functionDesc span {
    font-size: 14px;
    margin: 0px 0px 0px 10px;
    width: calc(100% - 44px);
  }
}
@media (max-width: 479px) {
  .functionDesc span {
    margin: 0px 0px 0px 5px;
    width: calc(100% - 39px);
  }
}

.dataResult, .clinicalassurance {
  background: #4086B2;
}
.dataResult .vrContainer, .clinicalassurance .vrContainer {
  padding-bottom: 40px !important;
}
.dataResult li, .clinicalassurance li {
  font-weight: bold;
  font-size: 17px;
  line-height: 32px;
}
@media (max-width: 767px) {
  .dataResult li, .clinicalassurance li {
    font-size: 14px;
  }
}
.dataResult .c100:after, .clinicalassurance .c100:after {
  background: #4086B2 !important;
}

.clinicalassurance {
  background: #416E86;
}
.clinicalassurance .c100:after {
  background: #416E86 !important;
}

.usrfeedBck.vrContainer {
  padding: 0px 0px 40px !important;
}
.usrfeedBck.vrContainer .vrcValue {
  margin: auto;
  float: none;
  width: auto;
}
.usrfeedBck.vrContainer .vrcValue .adCol {
  float: none;
}

.feedbckLst li {
  font-weight: bold;
  font-size: 17px;
  line-height: 32px;
}
.feedbckLst li span {
  width: 400px;
  display: inline-block;
}
@media (max-width: 479px) {
  .feedbckLst li span {
    width: 100%;
    color: #416E86;
  }
}
@media (max-width: 479px) {
  .feedbckLst li {
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.maindescCont.subdescCont h2, .subdescCont h2 {
  color: #246088;
  font-size: 24px;
  
}
@media (max-width: 767px) {
  .maindescCont.subdescCont h2, .subdescCont h2 {
    font-size: 20px;
  }
}

.bulletListing {
  margin-left: 40px;
}
.bulletListing li {
  list-style-type: square;
}

.fni {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

.cntralignText {
  text-align: center;
}

.reviewSummary .reportappCard {
  padding-bottom: 0px;
  margin: 20px 0 50px;
}
.reviewSummary .reportappCard h2 {
  font-size: 18px;
  margin: 0px 0px 0 15px;
}

.termsText {
  text-align: center !important;
}

#intro h2 {
  text-align: center;
}

#lvlRes p:first-child, #funcRes p:first-child {
  margin-top: 0px;
}

.riskvaluePage .contentContainer {
  padding: 0px 50px;
}
@media (max-width: 1279px) {
  .riskvaluePage .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 1023px) {
  .riskvaluePage .contentContainer {
    padding: 0px 20px;
  }
}
@media (max-width: 767px) {
  .riskvaluePage .contentContainer {
    padding: 0px 13px;
  }
}
.riskvaluePage .bannerContent {
  background: url("../images/bannerRV.jpg") no-repeat center;
  background-size: cover;
  height: 367px;
}
@media (max-width: 767px) {
  .riskvaluePage .bannerContent {
    height: auto;
  }
}
.riskvaluePage .headingCnt {
  width: 804px;
  margin: 16px auto;
}
.riskvaluePage .headingCnt span {
  font-size: 24px;
}
@media (max-width: 767px) {
  .riskvaluePage .headingCnt span {
    font-size: 16px;
  }
}
@media (max-width: 1279px) {
  .riskvaluePage .headingCnt {
    padding-top: 25px;
  }
}
@media (max-width: 1023px) {
  .riskvaluePage .headingCnt {
    width: 100%;
    padding-top: 42px;
  }
}
.riskvaluePage .moreBtn {
  background: #80d2d0;
  color: #1f817e;
  -moz-box-shadow: #1f817e 1px 1px 5px;
  -webkit-box-shadow: #1f817e 1px 1px 5px;
  box-shadow: #1f817e 1px 1px 5px;
}
.riskvaluePage .moreBtn:hover {
  background: #c36a7a;
  border-right: 0px;
}

.reviewapproachSection {
  background: #ffffff;
  margin-bottom: 2px;
  padding: 35px 0px;
  color: #236189;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .reviewapproachSection h2 {
    margin-top: 15px;
  }
}

.raWrapp {
  width: 804px;
  margin: auto;
}
.raWrapp h2 {
  color: #236189;
  font-size: 30px;
  
}
.raWrapp .raLeft {
  width: 100%;
  float: left;
  text-align: center;
}
.raWrapp ul li {
  display: inline-block;
  text-align: center;
  margin-right: 8.23%;
}
@media (max-width: 1023px) {
  .raWrapp ul li img {
    width: 80px;
  }
}
@media (max-width: 767px) {
  .raWrapp ul li img {
    width: 67px;
  }
}
.raWrapp ul li span {
  float: left;
  font-size: 18px;
  padding-top: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .raWrapp ul li span {
    font-size: 16px;
  }
}
.raWrapp ul li:last-child {
  float: right;
  margin: 0px;
}
@media (max-width: 1023px) {
  .raWrapp ul li:last-child {
    float: none;
    margin: 0 3.23%;
  }
}
@media (max-width: 1023px) {
  .raWrapp ul li {
    margin: 0 3.23%;
  }
}
@media (max-width: 767px) {
  .raWrapp ul li {
    margin: 0 3.23% 20px;
  }
}
@media (max-width: 1023px) {
  .raWrapp ul {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .raWrapp {
    width: 100%;
  }
}

.raDetail {
  padding: 35px 0px;
  color: #19BAB5;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  line-height: 22px;
}

.riskvalueSection {
  background: #4486b2;
  position: relative;
}
.riskvalueSection h2 {
  color: #ffffff;
  font-size: 30px;
  
}
@media (max-width: 767px) {
  .riskvalueSection h2 {
    margin: 10px 0px;
  }
}
.riskvalueSection p {
  color: #ffffff;
  font-size: 16px;
}
.riskvalueSection .contentContainer {
  background: url("../images/rvBG.png") no-repeat right;
}
@media (max-width: 1279px) {
  .riskvalueSection .contentContainer {
    background-size: cover;
    background-position: 126px 2px;
  }
}
@media (max-width: 1023px) {
  .riskvalueSection .contentContainer {
    background-position: -17px 2px;
  }
}
@media (max-width: 767px) {
  .riskvalueSection .contentContainer {
    background-position: -720px 2px;
    padding-bottom: 20px;
    padding: 0px;
  }
}
.riskvalueSection a {
  color: #ffffff;
  font-weight: bold;
}

@media (max-width: 1279px) {
  .cellimgDesktop {
    display: none;
  }
}

.cellimgMobile {
  display: none;
}
@media (max-width: 1279px) {
  .cellimgMobile {
    display: block;
  }
}
@media (max-width: 1023px) {
  .cellimgMobile {
    display: none;
  }
}

.riskDesc {
  padding-top: 25px;
  float: right;
  width: 32%;
  text-align: center;
}
@media (max-width: 1279px) {
  .riskDesc {
    padding-top: 18px;
  }
}
@media (max-width: 1023px) {
  .riskDesc {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .riskDesc {
    width: 100%;
    padding: 20px;
  }
}

.valueDesc {
  padding-top: 25px;
  float: left;
  width: 32%;
  text-align: center;
}
@media (max-width: 1279px) {
  .valueDesc {
    padding-top: 18px;
  }
}
@media (max-width: 1023px) {
  .valueDesc {
    width: 48%;
  }
}
@media (max-width: 767px) {
  .valueDesc {
    width: 100%;
    border-bottom: 2px solid #ffffff;
    padding: 20px;
  }
}

.rvCell {
  width: 287px;
  margin: auto;
}
@media (max-width: 1023px) {
  .rvCell {
    width: 2px;
  }
}
@media (max-width: 767px) {
  .rvCell {
    display: none;
  }
}

.mobBorder {
  display: none;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #ffffff;
}
@media (max-width: 1023px) {
  .mobBorder {
    display: block;
  }
}
@media (max-width: 767px) {
  .mobBorder {
    left: 0;
    height: 2px;
    width: 100%;
  }
}

.rvvideoSection.raDetail {
  padding: 75px 0px;
}
@media (max-width: 767px) {
  .rvvideoSection.raDetail {
    padding: 0px;
  }
}
.rvvideoSection .raWrapp {
  width: 888px;
}
@media (max-width: 1023px) {
  .rvvideoSection .raWrapp {
    width: 100%;
  }
}
.rvvideoSection .rvVideo {
  width: 550px;
  height: 310px;
  float: left;
  background: #ffffff;
  -moz-box-shadow: #c5c5c5 0px 0px 5px;
  -webkit-box-shadow: #c5c5c5 0px 0px 5px;
  box-shadow: #c5c5c5 0px 0px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.rvvideoSection .rvVideo .videoembed {
  width: 521px;
  height: 280px;
  margin: 16px auto 0;
  background: #DEDEDE;
}
@media (max-width: 1023px) {
  .rvvideoSection .rvVideo .videoembed {
    width: 90%;
    height: 247px;
  }
}
@media (max-width: 767px) {
  .rvvideoSection .rvVideo .videoembed {
    width: 95%;
    height: 269px;
  }
}
@media (max-width: 479px) {
  .rvvideoSection .rvVideo .videoembed {
    width: 97%;
    margin: 4px auto;
    height: 291px;
  }
}
@media (max-width: 1023px) {
  .rvvideoSection .rvVideo {
    width: 49%;
    height: 278px;
  }
}
@media (max-width: 767px) {
  .rvvideoSection .rvVideo {
    width: 100%;
    height: 278px;
  }
}
@media (max-width: 767px) {
  .rvvideoSection .rvVideo {
    height: 300px;
  }
}

.rpexplaination {
  float: right;
  width: 263px;
}
.rpexplaination h2 {
  text-align: left;
  line-height: 30px;
  margin: 10px 0px;
}
@media (max-width: 767px) {
  .rpexplaination h2 {
    display: none;
  }
}
.rpexplaination p {
  
  text-align: left;
  font-size: 16px;
  color: #246088;
  margin: 12px 0px;
}
.rpexplaination a {
  text-transform: none !important;
  
}
.rpexplaination .signupBtn, .rpexplaination .loginBtn {
  margin: 0px;
}
@media (max-width: 767px) {
  .rpexplaination .signupBtn, .rpexplaination .loginBtn {
    border: 1px solid #19BAB5;
    line-height: 38px;
    background: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 48%;
    font-size: 16px;
  }
}
.rpexplaination .searchBtn, .rpexplaination .moreBtn {
  margin: 0 0 0 10px;
  min-width: 100px;
}
@media (max-width: 767px) {
  .rpexplaination .searchBtn, .rpexplaination .moreBtn {
    width: auto;
    line-height: 40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 48%;
    float: right;
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .rpexplaination {
    width: 46%;
  }
}
@media (max-width: 767px) {
  .rpexplaination {
    width: 100%;
  }
}

.dnqHead {
  display: block !important;
}

.rpeheadMobile {
  display: none;
  text-align: left;
  line-height: 30px;
}
@media (max-width: 767px) {
  .rpeheadMobile {
    display: block;
  }
}

.dnqSection {
  margin-bottom: 25px;
  padding-top: 20px;
}

.dnqWarpp {
  width: 550px;
  float: left;
}
.dnqWarpp img {
  width: 100%;
}
@media (max-width: 1023px) {
  .dnqWarpp {
    width: 49%;
  }
}
@media (max-width: 767px) {
  .dnqWarpp {
    width: 100%;
  }
}

.functionHead {
  margin: 0px;
  text-align: center;
  padding: 35px 0 70px;
}
@media (max-width: 1023px) {
  .functionHead {
    padding: 12px 0 56px;
  }
}
@media (max-width: 767px) {
  .functionHead {
    padding: 12px 0 9px;
    margin-top: 20px;
  }
}

.functionalTabs {
  padding: 0px 0px 75px !important;
  margin-top: -63px;
}
.functionalTabs li {
  display: inline !important;
  margin: 0 !important;
  width: 148px;
}
.functionalTabs li span {
  font-size: 13px !important;
  color: #246088;
  font-weight: bold;
  line-height: 18px;
}
@media (max-width: 1023px) {
  .functionalTabs li:last-child {
    float: left !important;
  }
}
@media (max-width: 1023px) {
  .functionalTabs li {
    width: 100px;
    margin: 0 8px !important;
  }
}
.functionalTabs i {
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 10px solid #ffffff;
  display: block;
  margin: auto;
}
.functionalTabs i:before {
  font-size: 45px !important;
  padding-top: 30px;
  line-height: 26px;
}
@media (max-width: 1023px) {
  .functionalTabs i:before {
    font-size: 23px !important;
    padding-top: 14px;
  }
}
@media (max-width: 767px) {
  .functionalTabs i:before {
    padding-top: 0px;
  }
}
@media (max-width: 1023px) {
  .functionalTabs i {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .functionalTabs i {
    width: 27px;
    height: 33px;
    float: left;
    border: 0px;
    text-align: center;
    background: none !important;
    margin-right: 9px;
  }
}
@media (max-width: 1023px) {
  .functionalTabs {
    padding: 0px 0px 21px !important;
  }
}
@media (max-width: 767px) {
  .functionalTabs {
    margin-top: 20px;
  }
}

@media (max-width: 1023px) {
  .resp-tab-active i:before {
    font-size: 23px !important;
    padding-top: 18px;
  }
}
@media (max-width: 767px) {
  .resp-tab-active i:before {
    padding-top: 5px !important;
  }
}
@media (max-width: 1023px) {
  .resp-tab-active i {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (max-width: 767px) {
  .resp-tab-active i {
    width: 27px !important;
    height: 33px !important;
    float: left;
    border: 0px !important;
  }
}

@media (max-width: 1023px) {
  .resp-tabs-list {
    width: 709px;
    margin: auto;
  }
}

@media (max-width: 1023px) {
  .resp-tab-content h2 {
    margin-top: 0 !important;
  }
}
@media (max-width: 1023px) {
  .resp-tab-content {
    padding: 0px 15px !important;
  }
}

.ei {
  background: #4486b2 !important;
}
.ei:before {
  content: '\f19d';
  color: #ffffff;
}
@media (max-width: 767px) {
  .ei:before {
    color: #4486b2;
  }
}

.sm {
  background: #236189 !important;
}
.sm:before {
  content: '\f044';
  color: #ffffff;
}
@media (max-width: 767px) {
  .sm:before {
    color: #236189;
  }
}

.am {
  background: #416E86 !important;
}
.am:before {
  content: '\f21e';
  color: #ffffff;
}
@media (max-width: 767px) {
  .am:before {
    color: #416E86;
  }
}

.cs {
  background: #ffc320 !important;
}
.cs:before {
  content: '\f0c0';
  color: #ffffff;
}
@media (max-width: 767px) {
  .cs:before {
    color: #ffc320;
  }
}

.peg {
  background: #ff6900 !important;
}
.peg:before {
  content: '\f277';
  color: #ffffff;
}
@media (max-width: 767px) {
  .peg:before {
    color: #ff6900;
  }
}

.prg {
  background: #f0514a !important;
}
.prg:before {
  content: '\f0f1';
  color: #ffffff;
}
@media (max-width: 767px) {
  .prg:before {
    color: #f0514a;
  }
}

.resp-tabs-list {
  height: 178px;
}

.resp-tabs-container {
  text-align: left;
}
.resp-tabs-container h2 {
  color: #19BAB5;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
.resp-tabs-container p {
  color: #246088;
  font-size: 16px;
  
}

.radMargin {
  border-bottom: 2px solid #ffffff;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
  sprites locations 
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
  sprites locations 
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
  sprites locations 
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../images/fancybox_sprite.png") !important;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../images/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../images/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../images/fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../images/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("../images/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
.touch .fancybox-nav:hover span {
  visibility: visible !important;
}

.touch .fancybox-nav span {
  visibility: visible !important;
}