@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

@charset "UTF-8";
/*blue*/
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,800);
@import url(uds3lbs.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../404.html");
  src: url("../404.html?#iefix") format("embedded-opentype"), url("../404.html") format("woff2"), url("../404.html") format("woff"), url("../404.html") format("truetype"), url("../404.html#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ''; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #dbdbdb; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #dbdbdb;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #761c19; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #dbdbdb;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn {
    position: relative; }
    .input-group-btn > .btn + .btn {
      margin-left: -1px; }
    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
      z-index: 2; }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #dbdbdb;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/ ";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      color: #337ab7;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:hover, a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:hover, a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .tooltip.top {
    margin-top: -3px;
    padding: 5px 0; }
  .tooltip.right {
    margin-left: 3px;
    padding: 0 5px; }
  .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0; }
  .tooltip.left {
    margin-left: -3px;
    padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

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

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

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

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

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

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

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

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

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

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

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

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* Smart Menu Core CSS
--------------------------*/
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.sm-rtl, .sm-rtl ul, .sm-rtl li {
  direction: rtl;
  text-align: right; }

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
  margin: 0;
  padding: 0; }

.sm ul {
  display: none; }

.sm li, .sm a {
  position: relative; }

.sm a {
  display: block; }

.sm a.disabled {
  cursor: not-allowed; }

.sm:after {
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.sm, .sm *, .sm *:before, .sm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Smart Menu Theme : Simple
--------------------------*/
.sm-simple {
  border: 1px solid #bbbbbb;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    padding: 13px 20px;
    /* make room for the toggle button (sub indicator) */
    padding-right: 58px;
    color: #555555;
    font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 17px;
    text-decoration: none; }
  .sm-simple a.current {
    background: #555555;
    color: #fff; }
  .sm-simple a.disabled {
    color: #cccccc; }
  .sm-simple a span.sub-arrow {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: auto;
    right: 4px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    font: bold 14px/34px monospace !important;
    text-align: center;
    text-shadow: none;
    background: rgba(0, 0, 0, 0.08); }
  .sm-simple a.highlighted span.sub-arrow:before {
    display: block;
    content: '-'; }
  .sm-simple li {
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .sm-simple > li:first-child {
    border-top: 0; }
  .sm-simple ul {
    background: rgba(179, 179, 179, 0.1); }
    .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
      font-size: 14px;
      border-left: 8px solid transparent; }
    .sm-simple ul ul a,
    .sm-simple ul ul a:hover,
    .sm-simple ul ul a:focus,
    .sm-simple ul ul a:active {
      border-left: 16px solid transparent; }
    .sm-simple ul ul ul a,
    .sm-simple ul ul ul a:hover,
    .sm-simple ul ul ul a:focus,
    .sm-simple ul ul ul a:active {
      border-left: 24px solid transparent; }
    .sm-simple ul ul ul ul a,
    .sm-simple ul ul ul ul a:hover,
    .sm-simple ul ul ul ul a:focus,
    .sm-simple ul ul ul ul a:active {
      border-left: 32px solid transparent; }
    .sm-simple ul ul ul ul ul a,
    .sm-simple ul ul ul ul ul a:hover,
    .sm-simple ul ul ul ul ul a:focus,
    .sm-simple ul ul ul ul ul a:active {
      border-left: 40px solid transparent; }

@media (min-width: 1100px) {
  /* Switch to desktop layout
	-----------------------------------------------
	   These transform the menu tree from
	   collapsible to desktop (navbar + dropdowns)
	-----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-simple ul {
    position: absolute; }
  .sm-simple li {
    float: left; }
  .sm-simple.sm-rtl li {
    float: right; }
  .sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
    float: none; }
  .sm-simple a {
    white-space: nowrap; }
  .sm-simple ul a, .sm-simple.sm-vertical a {
    white-space: normal; }
  .sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap; }
  /* ...end */
  .sm-simple {
    background: #fff; }
    .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
      padding: 11px 20px;
      color: #555555; }
    .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
      background: #eeeeee; }
    .sm-simple a.current {
      background: #555555;
      color: #fff; }
    .sm-simple a.disabled {
      background: #fff;
      color: #cccccc; }
    .sm-simple a.has-submenu {
      padding-right: 32px; }
    .sm-simple a span.sub-arrow {
      top: 50%;
      margin-top: -8px;
      right: 20px;
      width: 8px;
      height: 16px;
      font: 14px/16px monospace !important;
      background: transparent; }
    .sm-simple a.highlighted span.sub-arrow:before {
      display: none; }
    .sm-simple > li {
      border-top: 0;
      border-left: 1px solid #eeeeee; }
      .sm-simple > li:first-child {
        border-left: 0; }
    .sm-simple ul {
      border: 1px solid #bbbbbb;
      background: #fff;
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
      .sm-simple ul a {
        border: 0 !important; }
        .sm-simple ul a.has-submenu {
          padding-right: 20px; }
        .sm-simple ul a span.sub-arrow {
          right: auto;
          margin-left: -12px; }
      .sm-simple ul > li {
        border-left: 0;
        border-top: 1px solid #eeeeee; }
        .sm-simple ul > li:first-child {
          border-top: 0; }
    .sm-simple span.scroll-up,
    .sm-simple span.scroll-down {
      position: absolute;
      display: none;
      visibility: hidden;
      overflow: hidden;
      background: #fff;
      height: 20px; }
    .sm-simple span.scroll-up-arrow, .sm-simple span.scroll-down-arrow {
      position: absolute;
      top: -2px;
      left: 50%;
      margin-left: -8px;
      width: 0;
      height: 0;
      overflow: hidden;
      border-width: 8px;
      border-style: dashed dashed solid dashed;
      border-color: transparent transparent #555555 transparent; }
    .sm-simple span.scroll-down-arrow {
      top: 6px;
      border-style: solid dashed dashed dashed;
      border-color: #555555 transparent transparent transparent; }
    .sm-simple.sm-rtl a.has-submenu {
      padding-right: 20px;
      padding-left: 32px; }
    .sm-simple.sm-rtl a span.sub-arrow {
      right: auto;
      left: 20px; }
    .sm-simple.sm-rtl.sm-vertical a.has-submenu {
      padding: 11px 20px; }
    .sm-simple.sm-rtl.sm-vertical a span.sub-arrow {
      right: 20px;
      margin-right: -12px; }
    .sm-simple.sm-rtl > li:first-child {
      border-left: 1px solid #eeeeee; }
    .sm-simple.sm-rtl > li:last-child {
      border-left: 0; }
    .sm-simple.sm-rtl ul a.has-submenu {
      padding: 11px 20px; }
    .sm-simple.sm-rtl ul a span.sub-arrow {
      right: 20px;
      margin-right: -12px; }
    .sm-simple.sm-vertical a span.sub-arrow {
      right: auto;
      margin-left: -12px; }
    .sm-simple.sm-vertical li {
      border-left: 0;
      border-top: 1px solid #eeeeee; }
    .sm-simple.sm-vertical > li:first-child {
      border-top: 0; } }

/* Smart Menu Theme : Custom
--------------------------*/
.sm-simple {
  border: none;
  background: none;
  /*margin-top:15px;*/
  margin-top: 19px;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .sm-simple a {
    font-family: "Noto Sans JP", sans-serif;
    color: #000;
    line-height: 21px; }
    .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
      font-family: "Noto Sans JP", sans-serif;
      color: #1564af;
      line-height: 21px;
      -moz-text-size-adjust: none; }
  .sm-simple li {
    border-top: 1px solid rgba(0, 0, 0, 0); }
  .sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
    font-size: 12px;
    -moz-text-size-adjust: none; }

.arrowicon {
  right: 7px;
  display: inline-block;
  float: right;
  font-size: 12px;
  color: #c4c4c4;
  position: absolute;
  top: 9px; }

.sm-simple ul > li .arrowicon:hover {
  right: -3px;
  top: 5px; }

.sm-simple ul > li a:hover .arrowicon {
  color: #fff; }

/*@media (min-width: $sm-simple__desktop-vp) {*/
@media (min-width: 1100px) {
  .sm-simple {
    background: none; }
    .sm-simple a {
      color: #696969;
      font-size: 14px !important; }
      .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
        background: transparent;
        color: #1564af;
        line-height: 21px;
        padding: 0 6px; }
      .sm-simple a.has-submenu {
        padding: 0 12px; }
      .sm-simple a span.sub-arrow {
        display: none !important; }
    .sm-simple > li {
      border-left: none; }
      .sm-simple > li:first-child {
        background: transparent; }
    .sm-simple ul {
      border: 1px solid #e1e1e1;
      border-radius: 5px;
      background: #fff;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      min-width: 390px;
      max-width: 300px !important;
      padding: 5px 0;
      top: 30px !important;
      z-index: 100000000000 !important; }
      .sm-simple ul > li {
        border-color: #fff; }
        .sm-simple ul > li a {
          padding: 7px 20px;
          -webkit-transition: color 0.0s ease 0s;
          -o-transition: color 0.0s ease 0s;
          transition: color 0.0s ease 0s; }
        .sm-simple ul > li :hover {
          background: #1564af;
          color: #ffffff;
          padding: 7px 20px; } }

@media (min-width: 992px) {
  .sm-simple ul a.has-submenu {
    padding-top: 7px;
    padding-bottom: 7px; }
  .sm-nowrap:hover {
    background-color: none !important; }
  .sm-nowrap > ul > li:hover a {
    background: #fff;
    color: #ffffff;
    padding: 0px 0px; }
  .sm-nowrap {
    background: #fff !important; }
  .sm-simple ul > li ul {
    top: 23px !important;
    left: 10px !important; }
  .sm-simple li ul.sm-nowrap.noarrow:before, .sm-simple li ul.sm-nowrap.noarrow:after {
    border: 0px !important; }
  .sm-simple ul > li ul:hover {
    padding: 5px 0px !important; }
  .sm-simple ul > li ul li:hover {
    padding: 0px 0px !important; }
  .sm-simple ul a.has-submenu {
    padding-left: 20px; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 12px; } }

@media (min-width: 1100px) {
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 12px; } }

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 1100px) {
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 12px; }
  .sm-simple .sm-nowrap a:active, .sm-simple .sm-nowrap a:focus {
    padding: 7px 20px;
    color: #fff;
    background: #1564af; }
  .sm-simple a.click-search:active, .sm-simple a.click-search:focus {
    padding: 0px 12px; } }

ul.sm ul:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px; }

ul.sm ul:after {
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px; }

.navbar-toggle {
  background-color: #f4f4f4 !important;
  border-color: #e4e4e4;
  color: #000 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  margin: -12px 12px 0; }

.navbar-toggle .icon-bar {
  background: #1465b0 !important; }

@media (max-width: 1169px) {
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 10px; }
  .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    padding: 0 10px; }
  .sm-simple a.has-submenu {
    padding: 0 7px; }
  .sm-simple > li {
    border-left: none; }
  .sm-simple ul {
    padding: 5px 0; }
    .sm-simple ul > li a {
      padding: 4px 10px; }
    .sm-simple ul > li :hover {
      padding: 4px 10px; } }

@media (max-width: 1280px) {
  ul.sm ul:before, ul.sm ul:after {
    display: none; }
  .sm-simple > li {
    background-color: #e5e5e5;
    border-left: medium none;
    border-top: 2px solid #fff;
    clear: both;
    display: block;
    float: left;
    width: 100%; }
  .sm-simple a.has-submenu {
    padding: 10px 12px !important; }
  .contact-bg span.contact-bgcolor {
    display: none; }
  .sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.has-submenu {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #1564af;
    font-size: 14px;
    font-weight: 700;
    outline: none; }
  .sm-simple ul > li a {
    color: #000 !important; }
  #nav {
    margin: 0 5px; }
  .sm-simple a span.sub-arrow {
    font-size: 18px !important;
    fomt-weight: bold !important;
    color: #7b7b7b !important;
    font-size: 14px !important; }
  .sm-simple ul a.has-submenu {
    padding: 4px 10px;
    font-size: 12px; }
  .sm-simple ul a span.sub-arrow {
    font: bold 14px/27px monospace !important; } }

@media (max-width: 767px) {
  .navbar-toggle {
    margin: 10px 12px 0 0;
    position: relative;
    z-index: 100000000; } }

.acti {
  color: #1564af !important; }

.bx-wrapper {
  width: 100%;
  position: relative;
  margin: 0 auto 0px;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  left: -5px; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 998; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../gif/bx-loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: right;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
  font-size: 0px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #074c8a;
  border: solid 1px #fff;
  text-indent: -9999px;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ffffff; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  display: none; }

.bx-wrapper .bx-next {
  display: none; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 24px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

/*.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}*/
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../png/controls-ps.png") -86px -11px no-repeat !important;
  margin: 0 8px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0 !important; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../png/controls-ps.png") -86px -44px no-repeat !important;
  margin: 0 4px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px !important; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

#banner .bx-pager {
  width: inherit;
  right: 36px; }

#banner .bx-controls-auto {
  display: inline-block;
  width: initial;
  right: 55px; }

#banner #cloud-in-banner .bx-controls-auto, #banner #cloud-in-banner .bx-pager {
  display: none; }

@media (max-width: 768px) {
  .bx-wrapper .bx-pager,
  .bx-wrapper .bx-controls-auto, #banner .bx-controls-auto {
    display: none; } }

/*@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap);*/
/* ==========================================================================
   Reset and Common Styles
   ========================================================================== */
html {
  -webkit-text-size-adjust: none;
  /* Prevent font scaling in landscape */ }

body {
  color: #444444;
  font: 16px/25px "Noto Sans JP", sans-serif; }

h1, h2, h3, h4, h5, h6,
ul, ol, li,
form, input, textarea, select {
  margin: 0;
  padding: 0;
  list-style-type: none; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../eot/glyphicons-halflings-regular.eot);
  src: url(../eot/glyphicons-halflings-regulard41d.eot?#iefix) format("embedded-opentype"), url(../woff/glyphicons-halflings-regular.woff) format("woff"), url(../ttf/glyphicons-halflings-regular.ttf) format("truetype"), url(../svg/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); }

img {
  border: 0; }

a {
  color: #1564af;
  text-decoration: none;
  outline: none;
  -webkit-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
  transition: color 0.5s; }
  a:hover {
    color: #444444;
    text-decoration: underline; }

.clear {
  clear: both; }

.clearfix {
  display: block;
  clear: both;
  overflow: hidden; }

.mtp0 {
  margin-top: 0px; }

.mtp5 {
  margin-top: 5px; }

.mtp10 {
  margin-top: 10px; }

.mtp15 {
  margin-top: 15px; }

.mtp20 {
  margin-top: 20px; }

.mtp25 {
  margin-top: 25px; }

.mtp30 {
  margin-top: 30px; }

.mtp35 {
  margin-top: 35px; }

.mtp40 {
  margin-top: 40px; }

.mtp45 {
  margin-top: 45px; }

.mbp0 {
  margin-bottom: 0px; }

.mbp5 {
  margin-bottom: 5px; }

.mbp10 {
  margin-bottom: 10px; }

.mbp15 {
  margin-bottom: 15px; }

.mbp20 {
  margin-bottom: 20px; }

.mbp25 {
  margin-bottom: 25px; }

.mbp30 {
  margin-bottom: 30px; }

.mbp35 {
  margin-bottom: 35px; }

.mbp40 {
  margin-bottom: 40px; }

.mbp45 {
  margin-bottom: 45px; }

.ptp0 {
  padding-top: 0px; }

.ptp5 {
  padding-top: 5px; }

.ptp10 {
  padding-top: 10px; }

.ptp15 {
  padding-top: 15px; }

.ptp20 {
  padding-top: 20px; }

.ptp25 {
  padding-top: 25px; }

.ptp30 {
  padding-top: 30px; }

.ptp35 {
  padding-top: 35px; }

.ptp40 {
  padding-top: 40px; }

.ptp45 {
  padding-top: 45px; }

.pbp0 {
  padding-bottom: 0px; }

.pbp5 {
  padding-bottom: 5px; }

.pbp10 {
  padding-bottom: 10px; }

.pbp15 {
  padding-bottom: 15px; }

.pbp20 {
  padding-bottom: 20px; }

.pbp25 {
  padding-bottom: 25px; }

.pbp30 {
  padding-bottom: 30px; }

.pbp35 {
  padding-bottom: 35px; }

.pbp40 {
  padding-bottom: 40px; }

.pbp45 {
  padding-bottom: 45px; }

::-selection {
  background: #008fd5;
  /* Safari */
  color: #fff; }

::-moz-selection {
  background: #008fd5;
  /* Firefox */
  color: #fff; }

.bold-text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700; }

.bold-text-white {
  color: #fff;
  font-family: "museo-slab";
  font-weight: 400; }

.whitebg {
  background: #fff; }

.margi-left {
  margin-left: 15px; }

.margi-right {
  margin-right: 15px; }

.mnone {
  margin-left: 0px !important; }

.med {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.light {
  font-weight: 300; }

.nor {
  font-weight: 400; }

.f26 {
  font-size: 26px; }

.f16 {
  font-size: 16px; }

p {
  text-align: justify; }

.f24 {
  font-size: 21px;
  font-weight: 400; }

.f13 {
  font-size: 13px; }

#divProgress {
  float: left;
  width: 100%;
  position: fixed;
  z-index: 10000000000;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6); }

#imgProgressbar {
  display: none;
  float: left;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px; }

.menu-cursor {
  cursor: default !important; }

.bread-crumb-wrp {
  width: 100%;
  float: left;
  background: #f8f8f8;
  margin-bottom: 30px;
  font-size: 14px; }

.bread-crumb-wrp.mbp15 {
  margin-bottom: 15px; }

.breadcrumb > .active {
  color: #5e5e5e !important; }

.breadcrumb {
  margin: 0px;
  padding: 0px 0 12px 0px; }

.container-1400 {
  width: auto;
  max-width: 1400px; }

.container {
  max-width: 1380px; }

.main-large-title br {
  display: none; }

.body-top-space {
  padding-top: 80px; }

@media (min-width: 1400px) {
  .container {
    width: 1380px; } }

@media (min-width: 1200px) {
  .main-large-title {
    line-height: 28px; }
  .main-large-title span {
    font-size: 22px; }
  .main-large-title br {
    display: inherit; }
  .container {
    width: auto !important; } }

@media (min-width: 1360px) and (max-width: 1399px) {
  .container {
    max-width: 1340px !important; } }

@media (max-width: 767px) {
  .bread-crumb-wrp {
    display: none; } }

/* ==========================================================================
   Layout Styles
   ========================================================================== */
#wrapper {
  position: relative; }

/* Header
--------------------------*/
header {
  border-bottom: 4px solid #dbdbdb; }
  header .container {
    padding-left: 0px;
    padding-right: 0px; }

#at-header {
  padding: 13px 21px 13px 22px;
  border-top: 1px solid #dbdbdb; }

.at-header {
  padding: 13px 21px 13px 22px;
  border-top: 1px solid #dbdbdb; }

.sm-telephone {
  background: #1564af !important; }
  .sm-telephone a {
    color: #fff; }
  .sm-telephone a:hover {
    color: #fff !important; }

.branding {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0px !important; }
  @media (min-width: 1200px) {
    .branding {
      float: left;
      width: 8.33333%; } }

@media (min-width: 1400px) {
  .branding {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 7px !important; } }
  @media (min-width: 1400px) and (min-width: 1200px) {
    .branding {
      float: left;
      width: 8.33333%; } }

header {
  border-bottom: 1px solid #dbdbdb; }

.click-search {
  padding-left: 23px !important; }

.header-right {
  width: auto;
  margin-right: 15px;
  padding-top: 0px;
  margin-left: -15px; }
  .header-right .conlink-new {
    width: 116px;
    float: left;
    position: relative;
    margin-top: 5px; }
    .header-right .conlink-new .conlink-icon {
      position: absolute;
      width: 20px;
      height: 23px;
      left: 3px;
      top: 6px;
      background-position: -649px -44px; }
    .header-right .conlink-new a {
      border-radius: 4px;
      color: #000;
      text-decoration: none;
      padding: 4px 0px 6px 10px;
      width: 100%;
      text-align: center;
      float: left;
      font-size: 15px; }
    .header-right .conlink-new :hover {
      color: #1d6cb7; }
  .header-right .con-contact {
    width: auto;
    float: left;
    font-size: 15px;
    color: #010101;
    padding-left: 28px;
    padding-top: 8px;
    position: relative;
    margin-top: 2px;
    padding-right: 12px; }
    .header-right .con-contact .tel-icon {
      position: absolute;
      width: 22px;
      height: 22px;
      left: 13px;
      top: 10px;
      background-position: -694px -44px; }
    .header-right .con-contact a {
      color: #fff;
      text-decoration: none; }
      .header-right .con-contact a:hover {
        text-decoration: none; }
  .header-right .hd-followbtn {
    float: right;
    margin-left: 12px;
    padding-left: 15px;
    border-left: solid 1px #dedede;
    margin-top: 8px;
    height: 24px; }
  .header-right .header-social {
    width: auto;
    float: left;
    margin: 5px 15px 0 -120px;
    position: absolute;
    left: 50%; }
    .header-right .header-social .social-title {
      width: auto;
      float: left;
      font-size: 14px;
      padding: 4px 6px 0 0; }
    .header-right .header-social .footer-fb {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -534px 0; }
    .header-right .header-social .footer-fb:hover {
      background-position: -534px -32px; }
    .header-right .header-social .footer-tw {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -566px 0;
      margin: 0 5px; }
    .header-right .header-social .footer-tw:hover {
      background-position: -566px -32px; }
    .header-right .header-social .footer-lin {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -598px -0px; }
    .header-right .header-social .footer-lin:hover {
      background-position: -598px -32px; }

.con-contact img {
  margin-top: -5px; }

.fixed-header {
  z-index: 99910;
  background: #fff;
  border-bottom: 0px;
  -webkit-box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.25); }

.right-space {
  padding-right: 28px !important; }

#main-menu {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: right;
  padding-left: 0px;
  padding-right: 0px; }
  @media (min-width: 992px) {
    #main-menu {
      float: left;
      width: 100%; } }

.nav-full {
  float: right; }

.follow-container {
  border: 1px solid #fff; }

.contact-bg {
  position: relative;
  top: -3px; }
  .contact-bg a {
    color: #696969 !important;
    padding: 3px 20px 3px 20px !important;
    border: 1px solid #a2a2a2;
    border-radius: 2px;
    /*&:after{
            position: absolute;
    content: "";
    background: #fff;
    height: 28px;
    width: 1px;
    top: -4px;
    left: 8px;
        }*/ }
  .contact-bg span.contact-bgcolor {
    height: 27px;
    position: absolute;
    left: -20px;
    right: 0px;
    top: -3px;
    width: 28px;
    background: #949494; }
  .contact-bg img {
    height: 15px;
    margin-left: 5px;
    margin-top: 3px; }

.contact-bg {
  margin-left: 37px !important; }

.contact-bg a:hover {
  background: #f5f5f5;
  border: 1px solid #a0a0a0;
  color: #1564af !important; }

.search-icon img {
  height: 18px; }

.search-box {
  background: #E8E8E4;
  position: absolute;
  top: 40px;
  right: -8%;
  width: 320px;
  height: 60px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-top: 4px solid #1564af;
  display: none;
  z-index: 100; }

.search-box:before {
  content: "";
  position: absolute;
  top: -32px;
  right: 13px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid transparent;
  border-bottom: 14px solid #1564af; }

.search-box input[type="text"] {
  width: 200px;
  padding: 5px 10px;
  margin-left: 23px;
  border: 1px solid #1564af;
  outline: none;
  margin-top: 12px; }

.search-box input[type="button"] {
  width: 80px;
  padding: 5px 0;
  background: #1564af;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #1564af;
  outline: none;
  cursor: pointer; }

.top-header {
  background: #1564af;
  padding: 0px 40px 0px 30px; }
  .top-header .linkedin-right {
    margin-top: 8px; }

header .header-right .sap {
  width: 1px;
  float: left;
  height: 20px;
  background: #d8d8d8;
  margin: 10px 0 0 0; }

#search {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 10px 0 0 0;
  margin-bottom: -5px;
  position: relative; }
  @media (min-width: 992px) {
    #search {
      float: left;
      width: 25%; } }
  #search .form-control {
    padding-right: 30px;
    color: #000; }
  #search .seacrh-bt {
    position: absolute;
    right: 10px;
    top: 9px; }
    #search .seacrh-bt .search-button {
      border: none;
      cursor: pointer;
      background-position: -139px -84px;
      width: 22px;
      height: 26px;
      margin: 0px;
      padding: 0px; }
    #search .seacrh-bt .search-button_mob {
      border: none;
      cursor: pointer;
      background-position: -139px -84px;
      width: 22px;
      height: 26px;
      margin: 0px;
      padding: 0px; }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    #search .seacrh-bt {
      top: 12px; } }

.inner-banner {
  background: url(../png/header-bg.png) no-repeat center top #1564af;
  clear: both; }

.big-banner {
  height: 400px; }

.thank-you-banner {
  background: url(../jpg/home-banner03bg.jpg) no-repeat center top; }

.vertical-main {
  display: table;
  vertical-align: middle;
  height: 100%;
  width: 100%; }

.vertical-in {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }

.banner-right {
  width: 50%;
  float: right;
  height: 100%; }

.banner-right-60 {
  width: 60%;
  float: right;
  height: 100%; }

.left-maintitle-blue {
  color: #1564af;
  text-shadow: none;
  font-size: 40px;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
  line-height: 50px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px; }

.banner-left {
  width: 50%;
  float: left; }

.banner-left-40 {
  width: 40%;
  float: left; }

.text-left-md {
  text-align: center; }

.sub-page-banner {
  padding-top: 30px;
  padding-bottom: 30px; }

.sub-page-banner .container,
.banner-left {
  height: 100%; }

.banner-title {
  font-family: "museo-slab";
  font-weight: 500;
  font-size: 30px;
  line-height: 36px; }

.banner-title-sub {
  font-family: "museo-slab";
  font-weight: 300;
  font-size: 28px; }

.white-color {
  color: #fff; }

.black-color {
  color: #000; }

.font-18 {
  font-size: 18px;
  line-height: 35px;
  font-weight: 400; }

.tech-box {
  -webkit-box-shadow: 0px 0px 4px 0px #b5b5b5;
  -moz-box-shadow: 0px 0px 4px 0px #b5b5b5;
  box-shadow: 0px 0px 4px 0px #b5b5b5;
  border: 0px; }

.tech-box .btn-group {
  border-left: solid 1px #dcdcdc; }

.tech-box .btn-group a {
  padding-top: 8px;
  text-decoration: none;
  padding-bottom: 17px;
  font-size: 15px;
  color: #424242;
  display: block;
  text-align: center; }

.tech-box div:first-child {
  border-left: solid 0px #000; }

.tech-box .btn-group a span {
  display: block;
  clear: both; }

.tech-box .btn-group a + .btn-grou a {
  left: -1px;
  position: relative; }

.tech-box .btn-group:hover a {
  color: #1372b8;
  background: #fbfbfb; }

.case-study-inner-banner {
  background: #f9f9f9;
  clear: both;
  float: left;
  width: 100%; }

.bpa-banner,
.collaboration-banner,
.cloud-solutins-banner,
.at-advantages-banner,
.supportmaintanance-banner,
.crm-banner,
.ecm-banner,
.ecommerce-banner,
.channel-partner-banner,
.hire-team-banner,
.bi-banner,
.sub-crm-faq-banner,
.case-studies-banner,
.get-a-free-assessment-banner,
.mobile-portfolio-banner,
.sp-portfolio-banner,
.crm-portfolio-banner,
.mobile-ops-our-banner,
.sp-productivity-banner,
.crm-schedule-banner,
.sp-schedule-banner,
.aspnet-banner-services-bg,
.php-solutions-banner,
.php-services-banner,
.php-portfolio-banner,
.bi-faq-banner,
.e3-banner-services-bg,
.e3-features-banner-bg,
.html5-how-useful-banner,
.webinar-banner {
  width: 100%;
  float: left;
  height: 182px;
  position: relative; }

.bpa-banner {
  background: url(../jpg/bpa-banner.jpg) no-repeat left top;
  background-size: cover; }

.collaboration-banner {
  background: url(../jpg/collaboration-banner.jpg) no-repeat left top;
  background-size: cover; }

.consultation-banner {
  background: url(../jpg/services-banner.jpg) no-repeat center top;
  background-size: cover; }

.cloud-solutins-banner {
  background: url(../jpg/coud-solution-banner.jpg) no-repeat left top;
  background-size: cover; }

.emr-banner {
  background: url(../jpg/emr-banner.jpg) no-repeat left top;
  background-size: cover; }

.mobile-solution-banner {
  background: url(../jpg/mobile-solutions-banner.jpg) no-repeat left bottom;
  background-size: cover; }

.cms-banner {
  background: url(../jpg/solution-banner.jpg) no-repeat left top;
  background-size: cover; }

.enterprise-search-banner {
  background: url(../jpg/enterprise-search-banner.jpg) no-repeat center top;
  background-size: cover; }

.testimonials-banner {
  background: url(../jpg/testimonials-banner.jpg) no-repeat left top;
  background-size: cover; }

.at-advantages-banner {
  background: url(../jpg/at-adv-banner.jpg) no-repeat left top;
  background-size: cover; }

.uiux-banner {
  background: url(../jpg/ux-ui-banner.jpg) no-repeat left top;
  background-size: cover; }

.digital-transformation-banner {
  background: url(../jpg/digital-transformation-bg.jpg) no-repeat left top;
  background-size: cover; }

.supportmaintanance-banner {
  background: url(../jpg/support-maintanance.jpg) no-repeat right center;
  background-size: cover; }

.applicationtesting-banner {
  background: url(../jpg/application-testing.jpg) no-repeat center center;
  background-size: cover; }

.crm-banner {
  background: url(../jpg/crm-banner.jpg) no-repeat right center;
  background-size: cover; }

.hosting-banner {
  background: url(../jpg/hosting-banner.jpg) no-repeat right top;
  background-size: cover; }

.application-integration-banner {
  background: url(../jpg/application-integration.jpg) no-repeat left top;
  background-size: cover; }

.application-development-banner {
  background: url(../jpg/application-development.jpg) no-repeat left top;
  background-size: cover; }

.legacy-system-banner {
  background: url(../jpg/legacy-system-banner.jpg) no-repeat left top;
  background-size: cover; }

.ecommerce-banner {
  background: url(../jpg/ecommerce-banner.jpg) no-repeat left top;
  background-size: cover; }

.channel-partner-banner {
  background: url(../jpg/channel-partner-banner.jpg) no-repeat left top;
  background-size: cover; }

.hire-team-banner {
  background: url(../jpg/hire-team-banner.jpg) no-repeat left top;
  background-size: cover; }

.portfolio-banner {
  background: url(../jpg/portfolio-banner.jpg) no-repeat right 39% top;
  background-size: cover; }

.mall-management-banner {
  background: url(../jpg/mall-management-banner.jpg) no-repeat left top;
  background-size: cover; }

.bi-banner-inner {
  background: url(../jpg/bi-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.our-approach-banner-inner {
  background: url(../jpg/approach_banner_bg.jpg) no-repeat left top;
  background-size: cover; }

.ld-get-a-free-assessment {
  background: url(../jpg/ld-get-a-free-assessment-bg.jpg) no-repeat left top;
  background-size: cover; }

.how-we-help-banner-inner {
  background: url(../jpg/how-we-help-banner-bg.jpg) no-repeat right top;
  background-size: cover; }

.what-we-offer-banner-inner {
  background: url(../jpg/what-we-offer-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.why-choose-us-banner-inner {
  background: url(../jpg/why-choose-us-bg.jpg) no-repeat left top;
  background-size: cover; }

.about-us-banner-inner {
  background: url(../jpg/about-us-bg.jpg) no-repeat left top;
  background-size: cover; }

.at-adv-banner-inner {
  background: url(../jpg/at-advantages-bg.jpg) no-repeat left top;
  background-size: cover; }

.industries-banner-inner {
  background: url(../jpg/client-partnerships-industries-bg.jpg) no-repeat left top;
  background-size: cover; }

.development-methodology-banner-inner {
  background: url(../jpg/development-methodology-bg.jpg) no-repeat left top;
  background-size: cover; }

.hire-ios-app-developers {
  background: url(../jpg/hire-ios-app-developers-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.crm-banner-inner {
  background: url(../jpg/crm-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.hire-sp-developers {
  background: url(../jpg/hire-sp-developers-banner-bg.jpg) no-repeat center center;
  background-size: cover; }

.hire-crm-developers {
  background: url(../jpg/hire-crm-developers-banner-bg.jpg) no-repeat center center;
  background-size: cover; }

.case-study-banner {
  background: url(../jpg/case-study-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.executive-coach-suite {
  background: url(../jpg/executive-coach-suite-bg.jpg) no-repeat center center;
  background-size: cover; }

.technology-support-inner {
  background: url(../jpg/technology-support-bg.jpg) no-repeat left top;
  background-size: cover; }

.comman-bg-inner {
  background: url(../jpg/comman-bg.jpg) no-repeat left top;
  background-size: cover; }

.collaboration-tools-inner {
  background: url(../jpg/collaboration-tools-bg.jpg) no-repeat left top;
  background-size: cover; }

.bi-banner {
  background: url(../jpg/bi-banner.jpg) no-repeat left top;
  background-size: cover; }

.enterprise-banner-inner {
  background: url(../jpg/enterprise-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.ecommerce-banner-inner {
  background: url(../jpg/ecommerce-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.services-hire-deve {
  background: url(../jpg/services-hire-deve-bg.jpg) no-repeat left top;
  background-size: cover; }

.hire-cross-platform-mobile {
  background: url(../jpg/hire-cross-platform-mobilee-bg.jpg) no-repeat left top;
  background-size: cover; }

.hire-android-app-dev {
  background: url(../jpg/hire-android-app-dev-bg.jpg) no-repeat center top;
  background-size: cover; }

.sub-mob-solutions-banner {
  background: url(../jpg/sub-mob-solution-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.sub-mob-ios-app-banner {
  background: url(../jpg/sub-mob-ios-app-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.sub-mob-android-app-banner {
  background: url(../jpg/sub-mob-android-app-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.sub-sp-solutions-banner {
  background: url(../jpg/sub-sp-solutions-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.sub-sp-services-banner {
  background: url(../jpg/sub-sp-services-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.sub-crm-solutions-banner {
  background: url(../jpg/sub-crm-solutions-banner-bg.jpg) no-repeat right center;
  background-size: cover; }

.sub-crm-services-banner {
  background: url(../jpg/sub-crm-services-banner-bg.jpg) no-repeat left center;
  background-size: cover; }

.sub-crm-faq-banner {
  background: url(../jpg/hire-team-banner.jpg) no-repeat right center;
  background-size: cover; }

.case-studies-banner {
  background: url(../jpg/case-studies-banner.jpg) no-repeat right top;
  background-size: cover; }

.get-a-free-assessment-banner {
  background: url(../jpg/get-a-free-assessment-banner.jpg) no-repeat left top;
  background-size: cover; }

.mobile-portfolio-banner {
  background: url(../jpg/mobile-portfolio-banner.jpg) no-repeat left top;
  background-size: cover; }

.sp-portfolio-banner {
  background: url(../jpg/sp-portfolio-banner.jpg) no-repeat left top;
  background-size: cover; }

.crm-portfolio-banner {
  background: url(../jpg/crm-portfolio-banner.jpg) no-repeat left top;
  background-size: cover; }

.mobile-ops-our-banner {
  background: url(../jpg/hire-team-banner.jpg) no-repeat right center;
  background-size: cover; }

.sp-productivity-banner {
  background: url(../jpg/digital-transformation-banner.jpg) no-repeat right center;
  background-size: cover; }

.crm-schedule-banner {
  background: url(../jpg/hire-team-banner.jpg) no-repeat right center;
  background-size: cover; }

.aspnet-banner-services-bg {
  background: url(../jpg/hire-team-banner.jpg) no-repeat right center;
  background-size: cover; }

.aspnet-banner-hire-dot-net-bg {
  background: url(../jpg/aspnet-banner-hire-dot-net-bg.jpg) no-repeat right center;
  background-size: cover; }

.sp-schedule-banner {
  background: url(../jpg/hire-team-banner.jpg) no-repeat right center;
  background-size: cover; }

.php-hire-team-banner {
  background: url(../jpg/php-hire-team-banner-bg.jpg) no-repeat right center;
  background-size: cover; }

.aspnet-banner-solution-bg {
  background: url(../jpg/aspnet-banner-solution-bg.jpg) no-repeat left center;
  background-size: cover; }

.aspnet-innerbanner-services-bg {
  background: url(../jpg/aspnet-innerbanner-services-bg.jpg) no-repeat left center;
  background-size: cover; }

.cloud-banner-solution-bg {
  background: url(../jpg/cloud-banner-solution-bg.jpg) no-repeat right center;
  background-size: cover; }

.e3-banner-services-bg {
  background: url(../jpg/e3-services-banner.jpg) no-repeat right center;
  background-size: cover; }

.e3-features-banner-bg {
  background: url(../jpg/e3-features-banner.jpg) no-repeat right center;
  background-size: cover; }

.php-solutions-banner {
  background: url(../jpg/php-banner-solution-bg.jpg) no-repeat right center;
  background-size: cover; }

.php-services-banner {
  background: url(../jpg/php-banner-services-bg.jpg) no-repeat right center;
  background-size: cover; }

.php-portfolio-banner {
  background: url(../jpg/php-portfolio-banner.jpg) no-repeat left top;
  background-size: cover; }

.bi-solution-banner {
  background: url(../jpg/bi-solution-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.bi-services-banner {
  background: url(../jpg/bi-services-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.bi-faq-banner {
  background: url(../jpg/bi-faq-banner.jpg) no-repeat left top;
  background-size: cover; }

.html5-how-useful-banner {
  background: url(../jpg/html5-how-useful.jpg) no-repeat left top;
  background-size: cover; }

.webinar-banner {
  background: url(../jpg/webinar-banner.jpg) no-repeat left top;
  background-size: cover; }

.bpa-banner-inner {
  background: url(../jpg/bpa-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.cloud-solution-inner {
  background: url(../jpg/cloud-solution-banner-bg.jpg) no-repeat left top;
  background-size: cover; }

.articles-home-bg {
  background: url(../jpg/articles-home-bg.jpg) no-repeat center top;
  background-size: cover; }

.blog-banner-bg {
  background: url(../jpg/blog-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.microsoft-banner {
  background: url(../jpg/microsoft-bg.jpg) no-repeat left top;
  background-size: cover; }

.ld-empower-banner {
  width: 100%;
  float: left;
  height: 143px;
  position: relative; }

.ld-empower-banner {
  background: #dec09c; }

.inner-banner-container {
  width: 100%;
  float: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  text-align: left; }

.inner-banner-container h2 {
  width: 100%;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  line-height: 1.3;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  text-align: left;
  font-weight: 700; }

.inner-banner-container h2.smalltext {
  font-size: 23px;
  line-height: 25px; }

.inner-banner-container h3 {
  width: 100%;
  float: left;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 10px 0 0 0;
  margin: 0px;
  font-weight: normal;
  text-align: left; }

.inner-banner-container h3.big {
  font-size: 33px;
  line-height: 33px; }

.inner-banner-container h3.mdbig {
  font-size: 25px;
  line-height: 33px;
  padding-top: 0px; }

.inner-banner-container h3.black-md {
  font-size: 30px;
  line-height: 33px;
  padding-top: 0px;
  color: #000;
  text-shadow: none !important; }

.inner-banner-container h2.black-lg {
  font-size: 38px;
  line-height: 45px;
  color: #000;
  text-shadow: none !important; }

.inner-banner-container h3.mdhd {
  font-size: 26px;
  line-height: 33px;
  font-weight: 600; }

.inner-banner-container p {
  width: 100%;
  float: left;
  font-size: 18px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 10px 0 0 0;
  margin: 0px;
  font-weight: 300;
  text-align: left; }

.ar-rightmobile_banner p.small-text {
  font-size: 15px;
  line-height: 20px; }

.inner-banner-container .button {
  clear: both;
  padding: 0px 0 0 0; }

.inner-banner-container .button img {
  max-height: 45px;
  margin: 10px 0 0 0;
  float: left; }

.celebrating-banner {
  position: absolute;
  top: 0px;
  z-index: 99;
  left: 0;
  right: 0; }

.celebrating-banner img {
  margin-left: 25px; }

.ld-inner-banner {
  background: #dec09c;
  clear: both; }

.navbar-brand {
  padding: 0px; }

.sec-logo {
  margin-left: 225px;
  margin-top: -50px; }

header .header-right .sap {
  width: 1px;
  float: left;
  height: 20px;
  background: #d8d8d8;
  margin: 10px 0 0 0; }

.skypecall {
  width: auto;
  float: left;
  position: relative;
  padding: 0 13px 0 38px;
  margin: 8px 0 10px 9px;
  border-radius: 3px;
  z-index: 100;
  background: #fff;
  height: 24px; }

.skypecall i {
  background: url(../png/all-icon.png) no-repeat -670px -44px;
  width: 20px;
  height: 20px;
  float: left;
  margin-left: 10px;
  position: absolute;
  left: 4px;
  top: 3px; }

.skypecall img {
  display: none; }

.skypecall a {
  width: 80px;
  float: left;
  height: 23px;
  position: absolute;
  top: 0px;
  left: 6px;
  color: #1564af;
  border-radius: 3px; }

.ld-right-telephone {
  float: right;
  margin-top: 15px;
  margin-right: 15px; }

.ld-right-telephone2 {
  margin-top: 0px !important; }

.bannersocicon {
  background: #fff;
  position: fixed;
  display: none;
  border-top: Solid 1px #dedede;
  right: 0px;
  top: 50%;
  margin: -50px 0 0 0;
  padding: 6px 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 40px;
  -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 100000000; }

.socicon-fb {
  background-position: -868px -119px !important;
  float: left;
  height: 28px;
  width: 28px; }

.socicon-tw {
  background-position: -897px -119px !important;
  float: left;
  height: 28px;
  width: 28px;
  margin-top: 2px; }

.socicon-in {
  background-position: -928px -119px !important;
  float: left;
  height: 28px;
  width: 28px;
  margin-top: 2px; }

.socicon-gp {
  background-position: -1022px -119px !important;
  float: left;
  height: 28px;
  width: 28px;
  margin-top: 2px; }

.socicon-yt {
  background-position: -1054px -119px !important;
  float: left;
  height: 28px;
  width: 28px;
  margin-top: 2px; }

.modal-backdrop {
  z-index: 105010; }

.modal {
  z-index: 105011; }

.testimonialsbox {
  overflow: hidden !important;
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 50px; }

.client-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  background: #eeeeee; }

.client-photo img {
  max-width: 100%; }

.client-photo .vhmain-u {
  display: table;
  text-align: center;
  width: 100%;
  height: 100px; }

.client-photo .vhin-u {
  display: table-cell;
  vertical-align: middle; }

/* Dots */
.testimonialsbox .slick-dotted.slick-slider {
  margin-bottom: 30px; }

.testimonialsbox .slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.testimonialsbox .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.testimonialsbox .slick-dots li.slick-active button {
  background: #6998cb;
  border: solid 1px #6998cb; }

.testimonialsbox .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
  color: transparent;
  border: 0;
  outline: none;
  background: #ffffff;
  border: solid 1px #d2d2d2; }

.testimonialsbox .slick-dots li button:hover,
.testimonialsbox .slick-dots li button:focus {
  outline: none; }

.testimonialsbox .slick-dots li button:hover:before,
.testimonialsbox .slick-dots li button:focus:before {
  opacity: 1; }

.testimonialsbox .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.testimonialsbox .slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

.testimonial-list {
  border-radius: 10px;
  padding: 15px 15px 20px;
  height: 100%; }

.test-photo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  background: #eeeeee;
  display: block;
  margin: 0 auto; }

.test-photo img {
  max-width: 100%; }

.test-photo .vhmain-u {
  display: table;
  text-align: center;
  width: 100%;
  height: 70px; }

.test-photo .vhin-u {
  display: table-cell;
  vertical-align: middle; }

.text-details {
  margin-left: 0px;
  padding-top: 12px;
  display: block;
  color: #444444;
  font-size: 16px;
  background: url(../png/quotes.png) left top no-repeat;
  text-align: justify; }

.text-details .name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #009cdb;
  margin-top: 20px; }

.text-details .name span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #444444;
  line-height: 21px; }

.imgbox {
  margin-bottom: 8px; }

.imgbox img {
  width: 100%; }

.our-clients a {
  border-left: solid 1px #dedede;
  display: block;
  clear: both;
  text-decoration: none;
  text-align: center; }

.our-clients a span {
  display: block;
  color: #010101;
  margin-top: 15px;
  font-size: 15px; }

.our-clients a img {
  margin: 0 auto; }

.our-client-main {
  border-top: solid 1px #dedede;
  padding: 25px 0 50px; }

.banner-title-sub.f22 {
  font-size: 22px; }

@media (min-width: 767px) {
  .top-header {
    background: #1564af; } }

@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
    top: 20px; }
  .navbar-collapse.collapse {
    display: none !important; }
  .img-right {
    float: right; }
  .text-left-md {
    text-align: left; }
  .cms-banner {
    background: url(../jpg/solution-banner.jpg) no-repeat center top;
    background-size: auto 100%; }
  .portfolio-banner {
    background: url(../jpg/portfolio-banner.jpg) no-repeat right top;
    background-size: auto 100%; }
  .enterprise-search-banner {
    background: url(../jpg/enterprise-search-banner.jpg) no-repeat right top;
    background-size: cover; }
  .testimonialsflax > div {
    min-height: 100%; }
  .testimonialsflax {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%; }
  .imgbox:after {
    background: url(../png/img-arrow.png) right center no-repeat;
    content: "";
    width: 63px;
    background-size: 100% auto;
    height: 100%;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0; } }

@media (min-width: 992px) {
  .cms-banner {
    background: url(../jpg/solution-banner.jpg) no-repeat center top;
    background-size: cover; }
  .portfolio-banner {
    background: url(../jpg/portfolio-banner.jpg) no-repeat right top;
    background-size: cover; }
  .test-photo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    background: #eeeeee;
    float: left; }
  .text-details {
    margin-left: 90px;
    text-align: left; } }

@media (min-width: 1024px) {
  .navbar-toggle {
    display: none; }
  .navbar-collapse.collapse {
    display: block !important; }
  .sm-simple a.has-submenu {
    padding: 0 6px; } }

@media (min-width: 1200px) {
  .sm-simple a.has-submenu {
    padding: 0 16px; }
  .sm-simple > li {
    margin: 0 9px; }
  .sub-page-banner {
    padding-top: 5px;
    padding-bottom: 5px; }
  .banner-title {
    font-size: 38px;
    line-height: 48px; }
  .banner-title-sub {
    font-size: 36px; }
  .banner-title-sub.f27 {
    font-size: 27px; }
  .banner-title-sub.xs-font {
    font-size: 30px; }
  .mobile-solution-banner {
    background: url(../jpg/mobile-solutions-banner.jpg) no-repeat right bottom; } }

@media (min-width: 1400px) and (max-width: 1440px) {
  .sm-simple a.has-submenu {
    padding: 0 15px; } }

@media (max-width: 1169px) {
  .branding {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 1169px) and (min-width: 992px) {
    .branding {
      float: left;
      width: 8.33333%; } }

@media (max-width: 1024px) {
  #at-header {
    padding: 14px 15px 14px 15px; }
  .at-header {
    padding: 14px 15px 14px 15px; }
  .sm-simple a {
    /*color: #000;*/
    font-size: 13px !important; }
  .microsite-links #mi-link .clickr {
    padding-left: 20px !important; }
  .microsite-links #mi-link .clickr i {
    right: 15px !important; }
  .iti--allow-dropdown .form-control {
    width: 100% !important;
    display: block;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    padding: 0px; }
  .iti.iti--allow-dropdown {
    width: 83% !important; } }

@media (max-width: 1280px) {
  header {
    padding: 0px 0 0px; }
  .sm-simple a.has-submenu {
    background: #e5e5e5; }
  .navbar-header {
    float: none; }
  .navbar-toggle {
    display: block; }
  .nav-full {
    float: none; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 13px 21px 13px 22px; }
  .top-header {
    padding: 0px 30px 0px 30px; }
  .contact-bg {
    padding: 0px 0px 0px 5px !important;
    top: 0px; }
  .microsite-links #mi-link .clickr i {
    width: 12px;
    height: 10px;
    position: absolute;
    right: 58px;
    float: left;
    background-repeat: no-repeat;
    top: 18px;
    background-position: -660px -132px; }
  .microsite-links #mi-link .clickr i.up-arrow {
    background-position: -660px -115px; }
  .contact-bg a:after {
    display: none; }
  .contact-bg img {
    display: none; }
  .contact-bg a {
    color: #1564af !important;
    padding-left: 0px !important; }
  .navbar-collapse {
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
    .navbar-collapse.collapse {
      display: none !important; }
      .navbar-collapse.collapse.in {
        display: block !important; }
  #nav {
    clear: both; }
  .collapsing {
    overflow: hidden !important; }
  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px; }
    .navbar-nav > li {
      float: none; }
      .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px; }
  .navbar-text {
    float: none;
    margin: 15px 0; }
  #main-menu {
    width: 100% !important; }
  #main-menu br {
    display: none; }
  .skypecall a {
    width: 39px;
    height: 32px;
    background-position: -858px -79px; }
  .skypecall a:hover {
    background-position: -858px -79px; } }

@media (max-width: 986px) {
  .branding {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 986px) and (min-width: 768px) {
    .branding {
      float: left;
      width: 8.33333%; } }

@media (max-width: 986px) {
  .header-rights {
    margin: -00px 70px 0 0 !important; }
  .ld-branding {
    width: auto !important; }
  .inner-banner-container h2.smalltext {
    font-size: 18px;
    line-height: 22px; } }

@media (max-width: 979px) {
  .header-rights {
    margin: 00px 70px 0 -15px !important;
    position: relative;
    z-index: 10000; }
  .header-social {
    width: auto;
    float: left;
    margin: 5px 55px 0 -35px;
    position: inherit !important;
    left: 0%; }
  .branding {
    position: relative;
    z-index: 10;
    padding-left: 0px; }
  .inner-banner-container h2 {
    font-size: 26px;
    line-height: 1.1; } }

@media (max-width: 916px) {
  /*.header-rights{margin:-55px 70px 0 0 !important;}*/ }

@media (max-width: 779px) {
  /*.header-rights{margin:-55px 70px 0 0 !important; } */
  .ldheader .header-rights {
    margin: 0px 15px 0 0 !important; } }

@media (max-width: 1100px) {
  .inner-banner-container h3.black-md {
    font-size: 22px;
    line-height: 33px; }
  .inner-banner-container h2.black-lg {
    font-size: 28px;
    line-height: 33px; } }

@media (max-width: 768px) {
  .top-header {
    padding: 0px 0px 0px 0px; }
  .microsite-links #mi-link .clickr {
    padding-left: 20px !important; }
  .microsite-links #mi-link .clickr i {
    right: 27px !important; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 14px 0 14px 0px; }
  .contact-bg a:after {
    display: none; }
  .contact-bg {
    padding: 3px 0px 3px 0px !important;
    top: 0px; }
  .contact-bg a {
    color: #1564af !important;
    padding-left: 3px !important; } }

@media (max-width: 767px) {
  .celebrating-banner img {
    margin-left: 25px;
    width: 125px; }
  .big-banner {
    height: inherit;
    min-height: inherit; }
  .banner-right,
  .banner-left {
    display: block;
    float: none;
    width: 100%; }
  .banner-right img {
    max-width: 60%; }
  .left-maintitle-blue {
    font-size: 23px;
    line-height: 30px; }
  .microsite-links #mi-link .clickr i {
    right: 15px !important; }
  .top-header {
    padding: 0px 0px 0px 0px;
    background: #f8f8f8; }
  #mi-link .clickr {
    padding-left: 18px !important; }
  .microsite-links ul li {
    padding-left: 50px !important; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 14px 0 14px 0px; }
  .inner-banner-container h3.mdbig {
    font-size: 22px;
    line-height: 28px; }
  header .header-right .sap {
    display: none; }
  header {
    padding: 0px 0 0; }
  .branding {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -45px; }
  .ldheader .branding {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px; }
  .ldheader .sm-telephones {
    margin: 9px 3px 0 0px; }
  .br-none {
    margin-top: -0px; }
  .header-right {
    margin: 0px 0px -7px 15px !important;
    width: 100%; }
    .header-right .conlink-new {
      width: 34px;
      float: left;
      position: relative;
      margin-top: 5px; }
      .header-right .conlink-new .conlink-icon {
        width: auto;
        float: left;
        margin-top: 5px;
        padding: 0 7px 0 0;
        position: absolute;
        width: 15px;
        height: 23px;
        left: 10px;
        top: 6px;
        background: url(../png/all-icon.png) no-repeat -861px -80px; }
      .header-right .conlink-new a {
        background: url(../png/all-icon.png) no-repeat -895px -80px;
        width: 32px;
        height: 32px;
        float: left;
        margin-left: 2px !important;
        position: relative; }
      .header-right .conlink-new :hover {
        background-position: -895px -80px; }
  .header-social {
    margin: 5px 6px 0 5px !important;
    position: inherit !important; }
    .header-social .footer-fb {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -594px -80px !important; }
    .header-social .footer-tw {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -626px -80px !important;
      margin: 0 5px; }
    .header-social .footer-lin {
      width: 32px;
      height: 32px;
      float: left;
      background-position: -658px -80px !important; }
  .header-right-container {
    width: auto;
    float: left;
    padding-right: 10px;
    margin-left: -25px; }
  .sm-telephones {
    width: auto;
    float: left;
    disply: block !important;
    margin: 3px 0 0 5px; }
    .sm-telephones a {
      width: 32px;
      height: 34px;
      float: left;
      background-position: -699px -78px !important; }
  .header-right .hd-followbtn {
    float: left;
    margin-left: 6px;
    padding-left: 0px;
    border-left: solid 0px #dedede;
    margin-top: 9px;
    height: 22px; }
  .header-right .con-contact,
  .header-social .text {
    display: none; }
  .inner-banner,
  .bpa-banner {
    display: none; }
  .skypecall {
    width: auto;
    float: left;
    margin-top: 5px;
    padding: 0 7px 0 0; }
  .skypecall a {
    background: url(../png/all-icon.png) no-repeat -861px -80px;
    width: 32px;
    height: 32px;
    float: left;
    margin-left: -1px !important;
    position: relative; }
  .skypecall a:hover {
    background-position: -862px -80px; }
  .inner-banner-container h2 br {
    display: none; }
  .sm-md-26 {
    font-size: 25px;
    line-height: 37px; } }

@media (max-width: 480px) {
  .banner-right img {
    max-width: 85%; }
  .ld-right-telephone {
    margin-right: 0px;
    width: 100%;
    text-align: center; }
  .ld-branding {
    width: 100% !important;
    text-align: center; }
  .ld-right-telephone2 {
    margin-top: 15px !important; }
  .inner-banner-container h2 {
    font-size: 20px; }
  .tech-box .btn-group {
    display: block;
    width: 100%;
    border-bottom: solid 1px #dcdcdc; } }

@media (min-width: 481px) and (max-width: 767px) {
  .tech-box .btn-group {
    display: inline-block;
    width: 50%;
    border-bottom: solid 1px #dcdcdc; } }

@media (min-width: 768px) and (max-width: 992px) {
  .tech-box .btn-group {
    display: inline-block;
    width: 25%;
    border-bottom: solid 1px #dcdcdc; }
  .mobile-solution-banner {
    background: url(../jpg/mobile-solutions-banner.jpg) no-repeat right bottom;
    background-size: cover; }
  .big-banner {
    height: 237px; }
  .sub-page-banner {
    padding-top: 10px;
    padding-bottom: 10px; }
  .banner-left {
    height: 100%; }
  .left-maintitle-blue {
    font-size: 25px;
    line-height: 32px; }
  .sub-page-banner {
    padding-left: 10px;
    padding-right: 10px; }
  .banner-right-60 {
    width: 50%; }
  .banner-left-40 {
    width: 50%; }
  .sm-md-26 {
    font-size: 24px; }
  .celebrating-banner img {
    width: 160px; } }

@media (min-width: 993px) and (max-width: 1024px) {
  .big-banner {
    height: 317px; }
  .left-maintitle-blue {
    font-size: 29px;
    line-height: 35px; }
  .sub-page-banner {
    padding-top: 10px;
    padding-bottom: 10px; }
  .sub-page-banner {
    padding-left: 10px;
    padding-right: 10px; }
  .mobile-solution-banner {
    background: url(../jpg/mobile-solutions-banner.jpg) no-repeat right bottom;
    background-size: cover; } }

@media (max-width: 375px) {
  .top-header {
    padding: 0px 0px 0px 0px; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 14px 0 14px 0px; }
  .header-right {
    margin: 0px 0px 0 1px !important;
    width: 100%; } }

@media (max-width: 360px) {
  .header-right-container .conlink-new {
    width: 34px; }
    .header-right-container .conlink-new a {
      padding: 5px 0px 6px 10px;
      font-size: 12px; }
  .header-right {
    margin: 0px 0px 0 1px !important;
    width: 100%; }
  .header-right .header-social {
    margin-right: 5px;
    margin-left: -5px; }
  .sm-telephones {
    margin-left: 4px; }
  .header-right .header-social .footer-tw {
    margin: 0 2px; }
  .skypecall a {
    margin-left: 5px; }
  .top-header {
    padding: 0px 0px 0px 0px; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 14px 0 14px 0px; } }

@media (max-width: 320px) {
  .top-header {
    padding: 0px 0px 0px 0px; }
  #at-header {
    padding: 13px 21px 13px 22px; }
  .at-header {
    padding: 14px 0 14px 0px; }
  .header-right {
    margin: 0px 0px 0 1px !important;
    width: 100%; } }

@media (min-width: 1800px) {
  .contact-bg {
    margin-left: 33px !important; } }

/* Banner
--------------------------*/
a:focus {
  outline: none !important; }

.home-service-sec ul.list01 {
  margin-left: 0px; }

#banner {
  width: 100%;
  float: left;
  border-bottom: 0px solid #ebebeb; }
  #banner .bx-wrapper .bx-viewport {
    left: 0px; }
  #banner .bx-pager {
    padding-right: 15px; }
  #banner .bx-wrapper .bx-pager.bx-default-pager a:hover, #banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #e4e4e4;
    border: solid 1px #074c8a; }

.home-banner-slide {
  width: 100%;
  float: left;
  position: relative;
  height: 400px; }

.home-banner-height {
  height: 400px; }

.home-banner-01bg {
  /*background: url(https://atprodsitecdn.azureedge.net/allianceteklive/images/home-banner/home-banner03bg.jpg) no-repeat center top;*/
  background: url(../jpg/home-banner03bg-2.jpg) no-repeat center top; }

.home-banner-02bg {
  background: url(../jpg/home-banner07bg.jpg) no-repeat center top;
  background-size: cover; }

.home-banner-03bg {
  background: url(../jpg/home-banner06bg.jpg) no-repeat center top;
  background-size: cover; }

.home-banner-04bg {
  background: url(../jpg/home-banner09bg.jpg) no-repeat center top;
  background-size: cover; }

.home-banner-05bg {
  background: url(../jpg/home-banner05bg.jpg) no-repeat right top;
  background-size: cover; }

.mob-banner-01bg {
  background: url(../jpg/slide-01bg.jpg) no-repeat center top;
  background-size: cover; }

.mob-banner-02bg {
  background: url(../jpg/mobile-banner02-bg.jpg) no-repeat center top; }

.mob-banner-03bg {
  background: url(../jpg/slide-03bg.jpg) no-repeat center top;
  background-size: cover; }

.mob-banner-04bg {
  background: url(../jpg/slide-04bg.jpg) no-repeat center top;
  background-size: cover; }

.crm-main-banner-01bg {
  background: url(../jpg/crm-banner-bg1.jpg) no-repeat center top;
  background-size: cover; }

.crm-main-banner-02bg {
  background: url(../jpg/crm-banner-bg2.jpg) no-repeat center top;
  background-size: cover; }

.crm-main-banner-03bg {
  background: url(../jpg/crm-banner-bg3.jpg) no-repeat center top;
  background-size: cover; }

.crm-main-banner-04bg {
  background: url(../jpg/crm-banner-bg4.jpg) no-repeat center top;
  background-size: cover; }

.crm-main-banner-05bg {
  background: url(../jpg/crm-banner-bg5.jpg) no-repeat center top;
  background-size: cover; }

.sp-banner-01bg {
  background: url(../jpg/sp-banner_bg1.jpg) no-repeat center top;
  background-size: cover; }

.sp-banner-02bg {
  background: url(../jpg/sp-banner_bg2.jpg) no-repeat center top;
  background-size: cover; }

.sp-banner-03bg {
  background: url(../jpg/sp-banner_bg3.jpg) no-repeat center top;
  background-size: cover; }

.sp-banner-04bg {
  background: url(../jpg/sp-banner_bg4.jpg) no-repeat center top;
  background-size: cover; }

.sp-banner-05bg {
  background: url(../jpg/sp-banner_bg5.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-01bg {
  background: url(../jpg/asp-banner01.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-02bg {
  background: url(../jpg/asp-banner02.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-03bg {
  background: url(../jpg/asp-banner03.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-04bg {
  background: url(../jpg/asp-banner04.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-05bg {
  background: url(../jpg/asp-banner5.jpg) no-repeat center top;
  background-size: cover; }

.asp-banner-06bg {
  background: url(../jpg/asp-banner06.jpg) no-repeat center top;
  background-size: cover; }

.php-banner-01bg {
  background: url(../jpg/php-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.php-banner-02bg {
  background: url(../jpg/php-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.php-banner-03bg {
  background: url(../jpg/php-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.php-banner-04bg {
  background: url(../jpg/php-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.cloud-banner-01bg {
  background: url(../jpg/cloud-home-banner-bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-01bg {
  background: url(../jpg/bi-slide-01bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-02bg {
  background: url(../jpg/bi-slide-02bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-03bg {
  background: url(../jpg/bi-slide-03bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-04bg {
  background: url(../jpg/bi-slide-04bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-05bg {
  background: url(../jpg/bi-slide-05bg.jpg) no-repeat center top;
  background-size: cover; }

.bi-banner-06bg {
  background: url(../jpg/bi-slide-06bg.jpg) no-repeat center top;
  background-size: cover; }

.e3-banner-01bg {
  background: url(../jpg/e3-slide-01bg.jpg) no-repeat center top;
  background-size: cover; }

.e3-banner-02bg {
  background: url(../jpg/e3-slide-02bg.jpg) no-repeat center top;
  background-size: cover; }

.e3-banner-03bg {
  background: url(../jpg/e3-slide-03bg.jpg) no-repeat center top;
  background-size: cover; }

.e3-banner-04bg {
  background: url(../jpg/e3-slide-04bg.jpg) no-repeat center top;
  background-size: cover; }

#sap-in-banners .bx-pager-item {
  display: none !important; }

.home-banners-f {
  left: -20.5%;
  top: 85px !important; }

.home-banners {
  left: -26%;
  top: 85px !important; }

.home-banners-last {
  left: -24%;
  top: 85px !important; }

.home-banners-slast {
  left: -21%;
  top: 85px !important; }

.sap-banner-01bg {
  background: url(../jpg/sap-banner01.jpg) no-repeat center top;
  background-size: cover; }

.gray-text {
  font-size: 18px;
  color: #747474;
  font-weight: 600;
  display: block;
  line-height: 22px; }

.blue-pipe {
  color: #1564af; }

.banner-container {
  width: 100%;
  float: left;
  position: absolute;
  left: 0px;
  top: 50%;
  z-index: 10;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.banner-container h1, .banner-container h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  font-family: 'Open Sans',sans-serif;
  line-height: 50px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  width: 100%;
  float: left; }

.banner-container h1.blue, .banner-container h2.blue, .banner-container h3.blue, .banner-container p.blue {
  color: #1564af;
  text-shadow: none; }

p.blue.ptp0 {
  padding-top: 0px; }

.banner-container h2.blue-lg {
  font-size: 59px !important;
  font-weight: 800;
  line-height: 54px; }

.banner-container h3.blue-md {
  font-size: 30px; }

.banner-container h2 span {
  font-size: 30px;
  font-weight: 300; }

.banner-container h2.small {
  font-size: 35px;
  line-height: 42px; }

.banner-container a.banner-link {
  background-color: #4bc261;
  position: relative;
  padding: 9px 37px 9px 17px;
  color: #fff;
  font-size: 16px;
  border-radius: 3px;
  text-shadow: none;
  text-decoration: none;
  top: 20px; }
  .banner-container a.banner-link .backendlink-icon {
    background-position: -800px -42px;
    position: absolute;
    width: 20px;
    height: 19px;
    right: 4px;
    top: 8px; }

.banner-container a.shad {
  -webkit-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, 0.75); }

/*.banner-container a.banner-link { background-color: #4bc261; position: relative; padding:9px 37px 9px 17px; color: #fff; font-size: 16px; border-radius: 3px; text-shadow: none; text-decoration: none;
   .backendlink-icon{background-position: -573px -82px; position:absolute; width:20px; height:19px; right:4px; top:11px;} 
}*/
.banner-container a.banner-link:hover {
  background-color: #1564af;
  color: #fff;
  text-decoration: none; }

/*.banner-link { background-color: #fdb226; position: relative; padding:9px 37px 9px 17px; color: #000; font-size: 16px; border-radius: 3px; text-shadow: none; text-decoration: none; font-weight: 400; text-decoration: none;
   .backendlink-icon{background-position: -573px -82px; position:absolute; width:20px; height:19px; right:4px; top:11px;} 
}*/
.banner-link {
  background-color: #4bc261;
  position: relative;
  padding: 9px 37px 9px 17px;
  color: #fff;
  font-size: 16px;
  border-radius: 3px;
  text-shadow: none;
  text-decoration: none;
  font-weight: 400;
  text-decoration: none; }
  .banner-link .backendlink-icon {
    background-position: -800px -42px;
    position: absolute;
    width: 20px;
    height: 19px;
    right: 4px;
    top: 11px; }

.banner-link.inlineblockbtn {
  display: inline-block; }

a.banner-link:hover {
  background-color: #1564af;
  color: #fff;
  text-decoration: none; }

.bannerblacktext h2 {
  color: #000;
  font-size: 35px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }

.bannerblacktext h2 span, .bannerwhitetext h2 span {
  font-weight: 300;
  font-size: 35px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }

.bannerblacktext-big h2 {
  color: #000;
  font-size: 40px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }

.bannerblacktext-big-shadow h1, .bannerblacktext-big-shadow h2 {
  color: #000;
  font-size: 40px;
  text-shadow: #fff 0 0 10px; }

.bannerblacktext-big h3 {
  color: #000 !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important; }

.hdblacktext {
  color: #000 !important; }

.center-txt-banner {
  text-align: center; }

.center-txt-banner h2 {
  font-size: 52px;
  font-weight: 700;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }

.home-banner-button {
  width: 100%;
  float: left;
  padding: 15px 0 0 0;
  text-align: left; }

.home-banner-button a {
  width: auto;
  float: left; }

.home-banner-button img {
  width: auto;
  height: auto; }

.home-banner-img {
  width: 100%;
  float: left;
  position: absolute; }

.banner-bluebg {
  background: #1465b0; }

.banner-container {
  width: 100%;
  float: left;
  position: relative; }

.sldiein {
  width: 100%;
  float: left;
  position: relative; }

.banner-bg {
  background: url(../404.html) no-repeat left top;
  background-size: cover;
  width: 100%;
  float: left; }

.blue-bg {
  width: 100%;
  float: left;
  background: #1465b0; }

.banner-bullets {
  width: 100%;
  float: left;
  padding: 10px 0 0 0; }

.banner-bullets ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

.banner-bullets ul li {
  clear: both;
  padding: 5px 0;
  position: relative;
  padding: 4px 0 4px 0px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 17px; }

.banner-bullets.blacktxt ul li {
  clear: both;
  padding: 5px 0;
  position: relative;
  padding: 4px 0 4px 0px;
  color: #000;
  text-shadow: none;
  font-size: 17px; }

.banner-bullets.blacktxt ul li span {
  color: #000; }

.banner-bullets ul li span {
  font-size: 26px;
  color: #fff;
  margin: 0 5px 0 0;
  vertical-align: -4px; }

.banner-container h3 {
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  margin: 0px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  width: 100%;
  float: left;
  padding: 5px 0 5px 0; }

.banner-container h3.large {
  font-size: 30px;
  line-height: 37px; }

.banner-container p {
  width: 100%;
  float: left;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 19px;
  margin: 0px;
  padding: 15px 0 10px 0; }

.banner-container p.text-sm {
  font-size: 17px; }

.banner-container p.mtp0 {
  padding-top: 5px; }

.banner-logo {
  width: 100%;
  float: left;
  padding: 15px 0 0 0; }

.banner-logo img {
  margin: 0px; }

.center-txt-banner .home-banner-button {
  text-align: center; }

.center-txt-banner .home-banner-button a {
  float: none; }

.center-txt-banner p {
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3);
  padding-top: 0px; }

.aspnetbanner h2 {
  font-size: 30px; }

.aspnetbanner span {
  font-size: 15px;
  line-height: 22px !important;
  font-weight: 300;
  color: #fff; }

.aspnetbanner .asp-btn {
  top: -10px;
  position: relative; }

.aspnetbanner .asp-logo {
  margin-top: 20px;
  position: relative; }

.aspnetbanner p {
  float: none; }

.aspnetbanner .asp-logo a {
  display: inline-block; }

.aspnetbanner .asp-logo a img {
  max-width: 120px; }

.aspnetbanner .asp-right-img {
  height: auto; }

@media (max-width: 1100px) {
  .aspnetbanner h2 {
    font-size: 26px;
    margin-bottom: 8px; }
  .home-banner-height.aspnetbanner {
    height: 450px !important; } }

@media (max-width: 992px) {
  .aspnetbanner .asp-right-img {
    height: auto; }
  .d-none-ipad {
    display: none; }
  .home-banner-height.aspnetbanner {
    height: 420px !important; } }

#home {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 15px;
  width: 100%; }
  #home .rmm {
    display: block;
    float: left;
    padding: 7px 0 0;
    position: relative;
    text-align: center;
    max-width: 100% !important; }
  #home .rmm.graphite .rmm-main-list li a {
    margin: 0 52px 0 00px;
    line-height: normal !important;
    font-size: 18px; }
  #home .rmm.graphite .rmm-main-list li:last-child a {
    margin: 0 0px 0 00px; }

.home-service-sec {
  width: 100%;
  float: left;
  background: #fff;
  font-size: 30px;
  font-weight: 300;
  clear: both;
  margin: 0px 0 30px; }

.home-service-sec.bmp0 {
  margin-bottom: 0px; }

.region-sidebar .note-block h3 {
  color: #d35d23;
  font-weight: bold;
  font-size: 21px;
  font-family: Calibri,Arial,sans-serif;
  padding: 0 0 20px;
  margin: 0px; }

.region-sidebar ul {
  padding: 10px 0 0; }

.region-sidebar .gray_mark li {
  list-style: none outside none;
  margin: 0;
  padding: 5px 0 5px 20px; }

.view-promo .views_slideshow_slide {
  width: 100%; }

.view-promo .views_slideshow_slide .promo-img, .view-promo .views_slideshow_slide .bg-color {
  display: none; }

.view-customers li.jcarousel-item {
  margin: 0;
  padding: 6px 0;
  width: 200px;
  border: 0;
  background: none; }

#block-views-features-block {
  margin: 10px 0 0px; }

#block-views-features-block .views-slideshow-pager-field-item {
  float: left;
  padding: 14px 1.5% 0px;
  width: 33.33%;
  color: #373737;
  background: url(../png/tab-n.png) no-repeat center top !important;
  /* background: url(https://atprodsitecdn.azureedge.net/allianceteklive/images/tab-n.webp) no-repeat center top, url(https://atprodsitecdn.azureedge.net/allianceteklive/images/tab-n.webp) no-repeat center top;*/ }

#block-views-features-block .views-slideshow-controls-top .active {
  background: url(../png/tab-h.png) no-repeat center top !important;
  /* background: url(https://atprodsitecdn.azureedge.net/allianceteklive/images/tab-h.webp) no-repeat center top, url(https://atprodsitecdn.azureedge.net/allianceteklive/images/tab-h.png) no-repeat center top;*/
  color: #1564af !important;
  cursor: pointer; }

#block-views-features-block .views-field-title .active {
  color: #fff !important; }

#block-views-features-block .active .views-field-field-icon, #block-views-features-block .active .views-content-field-icon, #block-views-features-block .views-field-field-grayscale-icon, #block-views-features-block .views-content-field-grayscale-icon, #block-views-features-block .views-field-title, #block-views-features-block .views-content-title {
  display: block;
  font-family: "museo-slab";
  font-size: 29px;
  font-weight: 100;
  text-align: center;
  margin-top: 5px; }

#block-views-features-block .views-content-title {
  height: 40px;
  margin-top: 25px; }

#block-views-features-block .views-field-field-icon, #block-views-features-block .active .views-field-field-grayscale-icon {
  display: none;
  color: #fff !important; }

#views_slideshow_cycle_teaser_section_features-block, .views-slideshow-cycle-main-frame-row {
  width: 100% !important; }

.backendlink-wrp {
  width: 275px;
  margin: 0 auto; }

.backendlink {
  width: auto;
  float: right;
  clear: both; }
  .backendlink a {
    background: #4bc261;
    font-size: 16px;
    color: #fff;
    padding: 8px 33px 9px 20px;
    text-decoration: none;
    float: left;
    position: relative;
    font-weight: 400; }
    .backendlink a .backendlink-icon {
      background-position: -573px -82px;
      position: absolute;
      width: 20px;
      height: 19px;
      right: 0px;
      top: 12px; }
    .backendlink a:hover {
      background-color: #1465b0;
      color: #fff; }
  .backendlink a + a {
    margin-left: 10px; }

.backendlink-center {
  text-align: center;
  width: 100%;
  float: left; }
  .backendlink-center a {
    float: none;
    display: inline-block; }

.tab-left {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 768px) {
    .tab-left {
      float: left;
      width: 66.66667%; } }
  .tab-left p {
    font-size: 16px; }
  .tab-left .list-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .tab-left .list-wrp:before, .tab-left .list-wrp:after {
      content: " ";
      display: table; }
    .tab-left .list-wrp:after {
      clear: both; }
    .tab-left .list-wrp .list1 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-left .list-wrp .list1 {
          float: left;
          width: 50%; } }
    .tab-left .list-wrp .list2 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-left .list-wrp .list2 {
          float: left;
          width: 33.33333%; } }
    .tab-left .list-wrp .list3 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-left .list-wrp .list3 {
          float: left;
          width: 33.33333%; } }
  .tab-left .list-menu {
    width: 100%;
    float: left; }
    .tab-left .list-menu li {
      width: 100%;
      float: left;
      border-bottom: 1px solid #e5e5e5;
      font-size: 14px;
      padding: 5px 0 5px 3px;
      background-position: -1319px -8px;
      position: relative;
      font-weight: 400; }
      .tab-left .list-menu li :hover {
        text-decoration: none; }

.tab-full {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 768px) {
    .tab-full {
      float: left;
      width: 100%; } }
  .tab-full p {
    font-size: 16px; }
  .tab-full .list-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .tab-full .list-wrp:before, .tab-full .list-wrp:after {
      content: " ";
      display: table; }
    .tab-full .list-wrp:after {
      clear: both; }
    .tab-full .list-wrp .list1 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-full .list-wrp .list1 {
          float: left;
          width: 50%; } }
    .tab-full .list-wrp .list2 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-full .list-wrp .list2 {
          float: left;
          width: 33.33333%; } }
    .tab-full .list-wrp .list3 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .tab-full .list-wrp .list3 {
          float: left;
          width: 33.33333%; } }
  .tab-full .list-menu {
    width: 100%;
    float: left; }
    .tab-full .list-menu li {
      width: 100%;
      float: left;
      border-bottom: 1px solid #e5e5e5;
      font-size: 14px;
      padding: 5px 0 5px 3px;
      background-position: -1319px -8px;
      position: relative;
      font-weight: 400; }
      .tab-full .list-menu li :hover {
        text-decoration: none; }

.tab-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .tab-right {
      float: left;
      width: 33.33333%; } }
  .tab-right .pad1 {
    margin-top: 95px; }

.tab-technology-icon {
  width: 100%;
  float: left;
  text-align: center;
  padding: 5px 0 0; }

.tab-technology-icon ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.tab-technology-icon ul li {
  width: auto;
  padding: 25px 15px 0;
  display: inline-block; }

.tab-technology-icon a:hover {
  text-decoration: none; }

.heading-small {
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  float: left;
  margin: 10px 0 5px; }

.partener-sec {
  width: 100%;
  float: left;
  background: url(../jpg/partner-bg.jpg) repeat left top;
  margin-top: 8px;
  padding-bottom: 30px;
  /* .icon-sprite {
        background: url(../images/icon-sprite.png) no-repeat;
        float: left;
        margin-right: 10px;
    }*/ }
  .partener-sec .bx-wrapper2 {
    position: relative;
    margin: 30px auto 0px;
    padding: 0;
    *zoom: 1;
    max-width: 100% !important img;
      max-width-max-width: 100%;
      max-width-display: block; }
    .partener-sec .bx-wrapper2 .bx-viewport2 {
      -webkit-transform: translatez(0);
      -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0); }
    .partener-sec .bx-wrapper2 .bx-pager2, .partener-sec .bx-wrapper2 .bx-wrapper2 .bx-controls-auto2 {
      position: absolute;
      bottom: -30px;
      width: 100%;
      display: none; }
    .partener-sec .bx-wrapper2 .bx-loading2 {
      min-height: 50px;
      background: url(../gif/bx-loader.gif) center center no-repeat #fff;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2000; }
    .partener-sec .bx-wrapper2 .bx-pager2 {
      text-align: center;
      font-size: .85em;
      font-family: Arial;
      font-weight: bold;
      color: #666;
      padding-top: 20px; }
      .partener-sec .bx-wrapper2 .bx-pager2 .bx-pager-item2, .partener-sec .bx-wrapper2 .bx-pager2 .bx-wrapper2 .bx-controls-auto2 .bx-controls-auto-item2 {
        display: inline-block;
        *zoom: 1;
        *display: inline; }
      .partener-sec .bx-wrapper2 .bx-pager2 .bx-default-pager2 a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      .partener-sec .bx-wrapper2 .bx-pager2 .bx-default-pager2 a:hover, .partener-sec .bx-wrapper2 .bx-pager2 .bx-wrapper2 .bx-pager.bx-default-pager2 a.active {
        background: #000; }
    .partener-sec .bx-wrapper2 .bx-prev2 {
      left: -50px;
      background: url(../png/controls.png) no-repeat 0 -32px; }
    .partener-sec .bx-wrapper2 .bx-next2 {
      right: -40px;
      background: url(../png/controls.png) no-repeat -43px -32px; }
    .partener-sec .bx-wrapper2 .bx-prev2:hover {
      background-position: 0 0; }
    .partener-sec .bx-wrapper2 .bx-next2:hover {
      background-position: -43px 0; }
    .partener-sec .bx-wrapper2 .bx-controls-direction2 a {
      position: absolute;
      top: 50%;
      margin-top: -32px;
      outline: 0;
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      z-index: 9999; }
    .partener-sec .bx-wrapper2 .bx-controls-direction2 a.disabled {
      display: none; }
  .partener-sec .carousel-box {
    width: 100%;
    float: left;
    background: #ffffff;
    height: 361px;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    margin: 30px 0; }
  .partener-sec .partner-icon {
    width: 100%;
    float: left;
    text-align: center;
    background: #f0f0f0;
    padding: 0px 0;
    position: relative;
    min-height: 95px; }
    .partener-sec .partner-icon img {
      display: inline; }
  .partener-sec .partner-box-title {
    padding: 15px 20px;
    float: left;
    clear: both;
    font-size: 18px;
    color: #1564af;
    font-weight: 600;
    line-height: 20px;
    margin: 0px; }
  .partener-sec .partner-box-text {
    padding: 0 20px;
    float: left;
    clear: both;
    text-align: justify; }
  .partener-sec .partner-box-text.font14 {
    font-size: 14px;
    line-height: 20px; }
  .partener-sec .partner-icons {
    float: left;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    margin-right: 0px !important; }
  .partener-sec .partner-icon1 {
    width: 75px;
    height: 75px;
    background-position: 0 0; }
  .partener-sec .partner-icon2 {
    width: 75px;
    height: 75px;
    background-position: -75px 0; }
  .partener-sec .partner-icon3 {
    width: 75px;
    height: 75px;
    background-position: -150px 0; }
  .partener-sec .partner-icon4 {
    width: 82px;
    height: 75px;
    background-position: -225px 0; }
  .partener-sec .partner-icon5 {
    width: 75px;
    height: 75px;
    background-position: -307px 0; }
  .partener-sec .partner-icon6 {
    width: 77px;
    height: 75px;
    background-position: -382px 0; }
  .partener-sec .partner-icon7 {
    width: 74px;
    height: 75px;
    background-position: -459px 0; }

.certified-part {
  width: 100%;
  float: left;
  background: url(../jpg/partner-bg.jpg) repeat left top;
  margin-top: 45px;
  padding-bottom: 50px;
  padding-top: 10px; }
  .certified-part .mtp0 {
    margin-top: 0px; }
  .certified-part .heading01 {
    margin-bottom: 40px; }
  .certified-part .certified-box {
    background: #105da5;
    border: solid 1px #bcbcbc;
    display: block;
    clear: both;
    margin-bottom: 10px;
    max-width: 267px;
    margin: 10px auto; }
    .certified-part .certified-box a {
      display: block;
      clear: both; }
    .certified-part .certified-box span {
      color: #fff;
      min-height: 107px;
      padding: 15px 15px;
      text-align: center;
      display: block;
      clear: both;
      font-size: 17px;
      line-height: 23px; }

.client-reviews-part {
  padding-bottom: 0px;
  display: block;
  clear: both;
  overflow: hidden;
  border-top: 1px solid #dedede; }

.client-rev-list {
  padding-top: 0px;
  padding-bottom: 10px;
  display: block;
  clear: both;
  overflow: hidden; }

.client-rev-list div {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  text-align: center; }

.client-rev-list.awards-logos .slick-dots {
  padding-top: 20px; }

.client-rev-list.awards-logos .slick-dots li {
  margin: 0 5px; }

.client-rev-list.awards-logos .slick-dots li button {
  text-indent: -100px;
  font-size: 0 !important;
  background: #074c8a;
  border: none !important;
  line-height: 0 !important;
  height: 12px;
  width: 10px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.client-rev-list.awards-logos .slick-dots {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }

.client-rev-list.awards-logos .slick-dots li.slick-active button {
  background: #bababa !important;
  height: 10x !important; }

.graybg-logopart {
  background: #f2f2f2;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede; }

.graybg-logopart h4 {
  background: #1f66b1 !important;
  color: #fff !important; }

.graybg-logopart .certified-logo {
  background: #fff; }

.graybg-logopart a {
  border-color: #aeaeae !important; }

.graybg-logopart a.logo-5 img, .graybg-logopart a.logo-6 img, .graybg-logopart a.logo-7 img {
  margin-top: 0px !important; }

.icon-text span {
  display: block;
  clear: both;
  font-size: 13px;
  line-height: 20px; }

.img-border {
  border: dotted 1px #dbdbdb;
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  border-radius: 50%;
  padding-top: 19px; }

.listborder {
  display: block;
  clear: both;
  clear: both;
  overflow: hidden;
  padding: 7px 0px 7px; }

.listborder .right-text {
  display: block;
  margin-left: 45px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 5px; }

.listborder .left-icon {
  float: left;
  display: inline-block;
  margin-right: 5px;
  width: 35px; }

.tecbox {
  margin: 20px 0px 0px;
  display: block;
  text-align: center;
  padding: 15px 5px; }

.tecbox span {
  display: block;
  clear: both;
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px; }

.awards-logos .slick-list, .our-clients .slick-list {
  width: 100% !important; }

/********Section industries-we-serve css*******/
.industries-we-serve {
  background: #f2f2f2;
  padding: 45px 0px 50px;
  border-top: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf; }

.industries-we-serve .heading01 {
  padding: 0px 0px 30px; }

.industries-we-serve ul li {
  float: left;
  margin: inherit;
  width: 9.09%;
  text-align: center; }

.industries-we-serve.twelve ul li {
  float: left;
  margin: inherit;
  width: 8.09%;
  text-align: center; }

.industries-we-serve ul li a {
  display: inline-block; }

.blue-tooltip + .tooltip > .tooltip-inner {
  background-color: #f2f2f2;
  border: solid 1px #0075d5;
  color: #0075d5;
  font-size: 15px;
  font-weight: 600; }

.blue-tooltip + .tooltip > .tooltip-arrow {
  border-bottom-color: #0075d5; }

@media (max-width: 1050px) {
  /********Section industries-we-serve css*******/
  .industries-we-serve {
    background: #f2f2f2;
    padding: 38px 0px 17px; }
  .industries-we-serve ul {
    text-align: center; }
  .industries-we-serve ul li, .industries-we-serve.twelve ul li {
    float: none;
    display: inline-block;
    width: inherit;
    margin: 0% 0% 15px 2.5%; } }

/********Section our-customer-centric-approach css*******/
.our-customer-centric-approach {
  background: #fff;
  padding: 30px 0px 30px; }

.our-customer-centric-approach .heading01 {
  padding: 0px 0px 30px; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.marlogobot {
  margin-bottom: 47px; }

/********Section Development Lifecycle css*******/
.development-lifecycle {
  background: #fff;
  padding: 40px 0px 20px; }

.development-lifecycle h2 {
  padding: 0px;
  margin: 0px 0px 30px; }

.development-list {
  text-align: center;
  font-size: 15px;
  color: #444444;
  text-align: justify; }

.development-list img {
  margin-bottom: 10px; }

.development-list h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  font-family: "museo-slab";
  color: #0075d5;
  text-align: center; }

.developmentsecwidth {
  width: 100%; }

.development-list .infocont {
  min-height: auto;
  margin-bottom: 30px; }

/********Section profile-section css*******/
.profile-section {
  background: url(../jpg/profile-bg.jpg) no-repeat top center;
  background-size: cover;
  padding: 40px 0px; }

.textwhite {
  color: #fff; }

.profile-section h2 {
  padding: 0px;
  margin: 0px; }

.profile-section .slick-list {
  overflow: hidden; }

.profile-section .slider {
  width: 100%;
  margin: 30px auto; }

.profile-section .slick-slide {
  margin: 0px 15px; }

.profile-section .slick-slide img {
  width: 100%; }

.profile-section .slick-prev:before, .profile-section .slick-next:before {
  color: #fff;
  font-size: 42px; }

.profile-section .slick-prev, .profile-section .slick-next {
  font-size: 0px;
  outline: none;
  top: inherit;
  text-align: center;
  position: absolute;
  opacity: .75; }

.profile-section .slick-prev {
  left: 35%;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0px;
  bottom: 0px; }

.profile-section .slick-next {
  right: 35%;
  margin-bottom: 15px;
  float: right;
  background-color: transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0px; }

.profile-section .slick-arrow {
  width: auto;
  bottom: -60px; }

.profile-section .slick-slide {
  height: auto; }

.portfoliobox {
  background: #fff;
  border-radius: 10px; }

.portfolioimg {
  position: relative; }

.portfolioimg img {
  border-radius: 10px 10px 0px 0px; }

.portfolioinfo {
  padding: 15px;
  font-size: 15px;
  line-height: 22px; }

.portfolioinfo h3 {
  font-weight: 400;
  font-family: "museo-slab";
  color: #1f66b1;
  padding: 10px 0px 5px;
  min-height: 64px;
  line-height: 22px;
  font-size: 18px; }

.portfoliobox a {
  color: inherit;
  text-decoration: none;
  outline: none !important; }

.prooverly {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  padding: 25% 0 0 0;
  visibility: hidden; }

.prooverly img {
  width: auto !important; }

.portfoliobox a:hover .prooverly {
  visibility: visible; }

.regular .slick-prev:before {
  content: '←'; }

.regular [dir='rtl'] .slick-prev:before {
  content: '→'; }

.regular .slick-next:before {
  content: '→'; }

.regular [dir='rtl'] .slick-next:before {
  content: '←'; }

/* solutions section css start */
.solution-main-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.solution-caption {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px; }

.solution-main-area .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.solution-main-area .row > [class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.solution-item {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  /* -webkit-box-shadow: 0px 4px 19px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 10px 9px 19px 0px rgba(0,0,0,0.26);*/
  padding: 25px 15px;
  margin: 0 0 30px 0;
  width: 100%;
  border-radius: 10px 35px 10px;
  width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px; }

.solution-item .solution-icon {
  margin: 0 0 20px; }

.solution-item .solution-title p {
  font: 16px/20px "Noto Sans JP", sans-serif;
  color: #292929; }

.solution-item:hover .solution-title p {
  color: #1564af; }

/* solutions section css end */
.solution-main-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

/* services section css start */
.services-main-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.services-caption .title {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  padding: 20px 0 0;
  font-family: "museo-slab";
  color: #1564af; }

.services-caption .sub-title {
  width: 100%;
  float: left;
  text-align: center;
  padding: 10px 0 20px;
  font: 16px/25px "Noto Sans JP", sans-serif;
  color: #484848;
  margin-bottom: 30px; }

.services-caption {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px; }

.services-main-area .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.serivces-main-area .row > [class*='col-'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.services-list-item {
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  /*box-shadow: 10px 9px 19px 0px rgb(0 0 0 / 26%);
  -webkit-box-shadow: 0px 4px 19px 0px rgb(0 0 0 / 10%);
  -moz-box-shadow: 10px 9px 19px 0px rgba(0,0,0,0.26);*/
  padding: 35px 15px;
  margin: 0 0 30px 0;
  width: 100%;
  border-radius: 5px;
  width: calc(20% - 30px);
  margin-left: 15px;
  margin-right: 15px; }

.services-list-item .service-img {
  margin: 0 0 25px; }

.services-list-item .service-caption p {
  text-align: center;
  margin-bottom: 0;
  font: 17px/25px "Noto Sans JP", sans-serif;
  color: #292929; }

.services-main-listings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.services-main-area {
  background: #f2f2f2; }

.services-main-area .services-btn {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.services-main-area .services-btn .backendlink {
  margin-top: 0; }

@media (max-width: 1199px) {
  .services-list-item {
    width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px; }
  .solution-item {
    width: calc(25% - 30px);
    margin-left: 15px;
    margin-right: 15px; } }

@media (max-width: 991px) {
  .services-list-item {
    width: calc(33.33% - 30px); }
  .solution-item {
    width: calc(33.33% - 30px); }
  .profile-section .slick-next {
    margin-bottom: 0px; } }

@media (max-width: 767px) {
  .services-list-item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .solution-item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .sp-banner-01bg {
    background-position: left top; } }

/* services section css end */
/* development lifecycle css start */
.devcycle-main-area {
  padding: 80px 0; }

.devcycle-main-area .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.devcycle-caption .title {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  padding: 20px 0 0;
  font-family: "museo-slab";
  color: #1564af;
  margin-bottom: 40px; }

.devcycle-listings-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 50px 0; }

.devcycle-listings-area .devcycle-list-item {
  width: 25%; }

.devcycle-list-item .devcycle-list-inner {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.devcycle-list-rev .devcycle-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.devcycle-img img {
  height: 188px;
  width: 188px;
  margin-left: auto;
  margin-right: auto; }

.devcycle-list-inner .devcycle-img {
  margin-top: 40px; }

.devcycle-listings-area .devcycle-list-rev .devcycle-img {
  margin-top: 0; }

.devcycle-list-inner .devcycle-title {
  margin-bottom: 15px;
  margin-top: 15px; }

.devcycle-listings-area .devcycle-list-rev .devcycle-title {
  margin-top: 0;
  margin-bottom: 25px; }

.devcycle-title .title, .devcycle-title .title span {
  font: 600 16px/20px "Noto Sans JP", sans-serif;
  color: #292929;
  position: relative; }

.devcycle-title .title span:after {
  content: '››';
  position: absolute;
  right: -15px;
  height: 10px;
  width: 10px;
  font-size: 20px;
  color: #1564af; }

.devcycle-title .title span:hover {
  text-decoration: none;
  color: #1564af; }

.devcycle-first {
  background: url(../png/shape-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  margin-right: -3px !important; }

.devcycle-second {
  background: url(../png/shape-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-right: -2px; }

.devcycle-third {
  background: url(../png/shape-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  margin-right: -2px; }

.devcycle-fourth {
  background: url(../png/shape-4.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-right: -2px; }

.devcycle-fifth {
  background: url(../png/shape-5.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top; }

@media (max-width: 1366px) {
  .devcycle-img img {
    height: 165px;
    width: 165px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 1260px) {
  .devcycle-img img {
    height: 150px;
    width: 150px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 1199px) {
  .devcycle-img img {
    height: 140px;
    width: 140px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 1050px) {
  .devcycle-img img {
    height: 115px;
    width: 115px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 991px) {
  .devcycle-img img {
    height: 110px;
    width: 110px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 981px) {
  .devcycle-img img {
    height: 105px;
    width: 105px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 900px) {
  .devcycle-img img {
    height: 90px;
    width: 90px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 899px) {
  .devcycle-img img {
    height: 75px;
    width: 75px;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 800px) {
  .devcycle-img img {
    height: 65px;
    width: 65px;
    margin-left: auto;
    margin-right: auto; }
  .devcycle-first {
    margin-right: -1px !important; } }

@media (max-width: 767px) {
  .devcycle-first, .devcycle-second, .devcycle-third, .devcycle-fourth, .devcycle-fifth {
    background: none !important; }
  .devcycle-listings-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; }
  .devcycle-listings-area .devcycle-list-item {
    width: 100%;
    margin-bottom: 25px; }
  .devcycle-img img {
    width: 50%;
    height: auto; }
  .devcycle-list-inner .devcycle-img {
    margin-top: 0 !important; }
  .devcycle-list-rev .devcycle-list-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.IndustriesWeServe .services-list-item {
  width: 100%;
  border-radius: 20px !important;
  -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 32px 15px;
  margin: 15px !important; }

.IndustriesWeServe .services-list-item .service-caption p {
  font-size: 15px !important;
  font-family: 'Noto Sans JP';
  font-weight: 700 !important; }

.industries_we_serve_aria .services-main-listings {
  margin-top: 50px;
  height: 100%;
  /*max-width: 1100px;
	display: flex;
	margin: 0 auto;
	overflow: hidden;
    
    justify-content: center;*/ }

/*.IndustriesWeServe .services-list-item{
	margin: 10px!important;
}*/
@media (max-width: 767px) {
  .industries_we_serve_aria .services-list-item {
    margin-left: 15px !important;
    margin-right: 15px !important; }
  .services-caption .title {
    font-size: 30px; } }

@media (min-width: 640px) {
  /*** Section-1 Title Here css ***/
  .profile-section .slick-prev {
    left: 40%; }
  .profile-section .slick-next {
    right: 40%; } }

@media (min-width: 667px) {
  .developmentsecwidth {
    width: 50%; }
  .portfolioinfo h3 {
    min-height: 70px;
    font-size: 16px;
    line-height: 22px; }
  .portfolioinfo {
    font-size: 13px;
    line-height: 20px;
    min-height: 180px; } }

@media (min-width: 768px) {
  /*** Section-1 Title Here css ***/
  .portfolioinfo h3 {
    min-height: 60px; }
  .portfolioinfo {
    min-height: 157px; }
  .profile-section .slick-arrow {
    bottom: -75px; }
  .profile-section {
    padding: 40px 0px 60px; }
  .development-list {
    margin-bottom: 30px; }
  .developmentsecwidth {
    width: 33.33%; }
  .profile-section .slick-prev {
    left: 43%; }
  .profile-section .slick-next {
    right: 43%;
    margin-bottom: 0px; }
  .development-list .infocont {
    min-height: 250px;
    margin-bottom: 0px; } }

@media (min-width: 992px) {
  /********Section Development Lifecycle css*******/
  .development-list .infocont {
    min-height: 175px; }
  .portfolioinfo h3 {
    min-height: 62px; }
  .portfolioinfo {
    min-height: 175px; } }

@media (min-width: 1100px) {
  /*** Section-1 Title Here css ***/
  .developmentsecwidth {
    width: 20%; }
  .profile-section .slick-prev {
    left: 46%; }
  .profile-section .slick-next {
    right: 46%; }
  .portfolioinfo h3 {
    font-size: 20px;
    line-height: 25px; }
  .portfolioinfo {
    font-size: 16px;
    line-height: 22px; } }

@media (max-width: 1200px) {
  /*** Section our-customer-centric-approach css ***/
  .logowidth img {
    width: 90%; }
  .marlogobot {
    margin-bottom: 15px; } }

@media (max-width: 767px) {
  /*** Section our-customer-centric-approach css ***/
  .marlogobot {
    margin-bottom: 0px; }
  .marmob15 {
    margin-bottom: 15px; } }

@media (max-width: 992px) {
  /*** Section our-customer-centric-approach css ***/
  .logowidth img {
    width: 85%; } }

@media (min-width: 576px) and (max-width: 767px) {
  /*** Section our-customer-centric-approach css ***/
  .logowidth img {
    width: auto; }
  .marlogobot {
    margin-bottom: 0px; }
  .width50 {
    float: left;
    width: 50%; } }

@media (min-width: 576px) and (max-width: 768px) {
  .desktop-width {
    width: 20% !important;
    padding-left: 7px;
    padding-right: 7px; }
  .width-sm {
    width: 33.33%;
    float: left; }
  .listborder .right-text {
    font-size: 12px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .desktop-width {
    width: 20% !important; }
  .icon-text span {
    font-size: 12px; }
  .listborder {
    padding-top: 0px; }
  .client-rev-list {
    padding-bottom: 0px; }
  .client-reviews-part.pbp10 {
    padding-bottom: 10px; } }

@media (min-width: 993px) and (max-width: 1209px) {
  .desktop-width {
    width: 20% !important;
    padding-left: 9px;
    padding-right: 9px; }
  .listborder .right-text {
    font-size: 12px; }
  .listborder {
    padding-top: 0px; } }

@media (min-width: 750px) and (max-width: 974px) {
  .icon-text span {
    min-height: 50px; } }

@media (min-width: 1210px) {
  .desktop-width {
    width: 20% !important;
    padding-left: 8px;
    padding-right: 8px; }
  .icon-text span {
    font-size: 16px;
    line-height: 25px; }
  .listborder .right-text, .teclistmain span {
    font-size: 16px;
    line-height: 22px; } }

@media (min-width: 575px) {
  .client-rev-list div {
    width: 20%;
    padding-left: 2px;
    padding-right: 2px; } }

@media (min-width: 768px) {
  .client-rev-list div {
    padding-left: 5px;
    padding-right: 10px; }
  .client-reviews-part {
    padding-bottom: 25px; } }

.certified-part-logo {
  padding-bottom: 35px;
  padding-top: 35px;
  display: block;
  clear: both;
  overflow: hidden; }
  .certified-part-logo .certified-logos {
    text-align: center; }
  .certified-part-logo h4 {
    font-size: 19px;
    font-weight: 400;
    color: #000;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
    width: 100%;
    margin: 0 auto;
    background: #f1f1f1;
    padding: 12px 15px;
    font-family: "museo-slab";
    border-bottom: 1px solid #ddd; }
  .certified-part-logo .certified-logo {
    float: none;
    text-align: center;
    border: solid 1px #dadada;
    clear: both;
    overflow: hidden; }
  .certified-part-logo a {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    width: 50%;
    float: left;
    border-right: solid 1px #dedede;
    display: inline-block;
    text-align: center; }
  .certified-part-logo .badge-center a {
    width: 25%; }
  .certified-part-logo a:last-child {
    border-right: 0px; }
  .certified-part-logo span {
    display: inline-block;
    border-left: solid 1px #b5b5b5;
    padding-left: 20px;
    padding-right: 20px; }

.certified-part.mtp0 {
  margin-top: 0px; }

.badge-image {
  text-align: center; }
  .badge-image a.clutch-logo {
    margin-left: 0px !important; }
  .badge-image a {
    padding-right: 0px !important;
    margin-top: 25px !important; }
  .badge-image img {
    height: 140px; }

.logo-2 img {
  margin-top: 8px;
  max-width: 46%;
  margin-bottom: 6px; }

.logo-3 img {
  margin-top: 18px;
  max-width: 80%; }

.badge-image2 {
  text-align: center; }
  .badge-image2 a {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 25px; }
  .badge-image2 .logo-1 {
    border-left: none;
    padding-right: 8px; }
  .badge-image2 .logo-2 {
    padding-left: 14px !important; }
    .badge-image2 .logo-2 img {
      margin-top: 10px; }
  .badge-image2 .logo-3 {
    position: relative;
    margin-top: 0 !important;
    top: 0px;
    height: 115px;
    width: 28%;
    padding-top: 20px; }
  .badge-image2 img {
    height: 140px; }

.certified-part-logo .badge-image img {
  height: 100px; }

.heading01 {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 29px;
  font-weight: 100;
  padding: 20px 0 0;
  font-family: "museo-slab"; }
  .heading01 span {
    color: #1564af; }

.heading-small-text {
  color: #1564af;
  text-align: center;
  font-size: 16px; }

.heading-md-text {
  color: #1564af;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px; }

.heading-md-text-thick {
  color: #1564af;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px; }

.heading02 {
  font-size: 24px;
  font-weight: 700;
  color: #1564af;
  border-bottom: 1px solid #dbdbdb;
  padding: 20px 0 5px;
  width: 100%; }

.hd-small-light {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600; }

.heading03 {
  font-size: 29px;
  font-weight: 100;
  font-family: "museo-slab";
  width: 100%; }

.home-box {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 50px; }
  .home-box:before, .home-box:after {
    content: " ";
    display: table; }
  .home-box:after {
    clear: both; }
  .home-box .boxer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px; }
    .home-box .boxer:hover span.orangebtn {
      background-color: #1465b0;
      color: #fff; }
    @media (min-width: 992px) {
      .home-box .boxer {
        float: left;
        width: 25%; } }
    .home-box .boxer a {
      display: block;
      text-decoration: none;
      color: #000;
      clear: both;
      overflow: hidden;
      padding: 0px 15px 15px 15px;
      border: solid 1px #dedede; }
      .home-box .boxer a:hover {
        border: solid 1px #bbcdde;
        background: #f6fbff; }
    .home-box .boxer .boxer-image {
      width: 100%;
      float: left;
      margin-top: 15px; }
      .home-box .boxer .boxer-image img {
        width: 100%; }
    .home-box .boxer .boxer-content {
      width: 100%;
      float: left;
      min-height: 197px; }
    .home-box .boxer .boxer-content.smallhight {
      min-height: 182px; }
    .home-box .boxer .boxer-title {
      width: 100%;
      float: left;
      font-weight: 600;
      color: #1564af;
      padding: 12px 0;
      line-height: normal; }
    .home-box .boxer span.orangebtn {
      background: #fdb226;
      font-size: 16px;
      color: #000;
      padding: 10px 40px 10px 20px;
      text-decoration: none;
      display: inline-block;
      position: relative;
      font-weight: 400; }
      .home-box .boxer span.orangebtn .backendlink-icon {
        background-position: -573px -82px;
        position: absolute;
        width: 20px;
        height: 19px;
        right: 0px;
        top: 12px; }
      .home-box .boxer span.orangebtn:hover {
        color: #fff; }
  .home-box .boxer.boxer3 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px; }
    @media (min-width: 992px) {
      .home-box .boxer.boxer3 {
        float: left;
        width: 33.33333%; } }

/*.home-portfolio .portfolio-box li{ border: solid 2px #fff; padding: 0px; background: #fff;  padding-bottom: 6px; margin-top: 10px;  margin-bottom: 10px;}
.home-portfolio .portfolio-box li a{min-height: 285px; display: block; text-decoration: none;}
.home-portfolio .portfolio-box li a.height-sm{min-height: 260px;}*/
.home-portfolio {
  width: 100%;
  float: left;
  background: #f2f2f2;
  padding: 10px 0 25px;
  margin: 0px 0;
  border-bottom: 1px solid #dedede; }
  .home-portfolio .portwidth {
    max-width: 1100px; }
  .home-portfolio .portfolio-box {
    width: 100%;
    float: left; }
    .home-portfolio .portfolio-box .bx-wrapper2 {
      position: relative;
      margin: 30px auto 0px;
      padding: 0;
      *zoom: 1;
      max-width: 100% !important; }
      .home-portfolio .portfolio-box .bx-wrapper2 img {
        max-width: 100%;
        display: block; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-viewport2 {
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0); }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2, .home-portfolio .portfolio-box .bx-wrapper2 .bx-wrapper2 .bx-controls-auto2 {
        position: absolute;
        bottom: -30px;
        width: 100%;
        display: none; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-loading2 {
        min-height: 50px;
        background: url(../gif/bx-loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px; }
        .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 .bx-pager-item2, .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 .bx-wrapper2 .bx-controls-auto2 .bx-controls-auto-item2 {
          display: inline-block;
          *zoom: 1;
          *display: inline; }
        .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 .bx-default-pager2 a {
          background: #666;
          text-indent: -9999px;
          display: block;
          width: 10px;
          height: 10px;
          margin: 0 5px;
          outline: 0;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px; }
        .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 .bx-default-pager2 a:hover, .home-portfolio .portfolio-box .bx-wrapper2 .bx-pager2 .bx-wrapper2 .bx-pager.bx-default-pager2 a.active {
          background: #000; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-prev2 {
        background: url(../png/controls.png) no-repeat 0 -32px; }
        .home-portfolio .portfolio-box .bx-wrapper2 .bx-prev2 :hover {
          background-position: 0 0; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-next2 {
        right: -40px;
        background: url(../png/controls.png) no-repeat -43px -32px; }
        .home-portfolio .portfolio-box .bx-wrapper2 .bx-next2 :hover {
          background-position: -43px 0; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-controls-direction2 a {
        position: absolute;
        top: 50%;
        margin-top: -32px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999; }
      .home-portfolio .portfolio-box .bx-wrapper2 .bx-controls-direction2 a.disabled {
        display: none; }
    .home-portfolio .portfolio-box ul li .portfolio-image {
      width: 100%;
      border: 1px solid #dedede;
      margin-top: 0px; }
    .home-portfolio .portfolio-box ul li .portfolio-category {
      color: #414141;
      font-size: 15px;
      width: 100%;
      float: left;
      /*padding-left: 15px;
                padding-right: 15px;*/
      padding-bottom: 5px; }
    .home-portfolio .portfolio-box ul li .portfolio-caption {
      font-size: 17px;
      font-weight: bold;
      margin: 15px 0 5px;
      /*padding-left: 15px;
                padding-right: 15px;*/ }
      .home-portfolio .portfolio-box ul li .portfolio-caption a {
        color: #1564af; }
        .home-portfolio .portfolio-box ul li .portfolio-caption a :hover {
          color: #444444;
          text-decoration: none; }

.home-portfolio.mtp0 {
  margin-top: 0px; }

.home-portfolio.nospace {
  margin-bottom: 0px; }

.testimonails-logo {
  float: right;
  width: 40%;
  margin-top: 25px; }
  .testimonails-logo a {
    display: inline-block; }

.home-mid-bottom {
  margin-left: -15px;
  margin-right: -15px; }
  .home-mid-bottom:before, .home-mid-bottom:after {
    content: " ";
    display: table; }
  .home-mid-bottom:after {
    clear: both; }
  .home-mid-bottom .tech-asse {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .home-mid-bottom .tech-asse {
        float: left;
        width: 25%; } }
  .home-mid-bottom .heading03 {
    text-align: center; }
  .home-mid-bottom .home-testimonial {
    width: 60%;
    float: left; }
    .home-mid-bottom .home-testimonial .heading03 {
      padding-top: 15px; }
    .home-mid-bottom .home-testimonial .tesimonial-box {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px;
      float: left;
      margin-top: 15px;
      padding-top: 14px;
      padding-bottom: 14px;
      padding-left: 0px;
      padding-right: 0px; }
      .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-names {
        float: right;
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        text-align: center;
        padding: 15px 30px 0px 23px; }
      .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-names span {
        color: #000;
        font-weight: bold;
        font-size: 15px; }
      .home-mid-bottom .home-testimonial .tesimonial-box .tesimonialboxin {
        width: 99%;
        margin: 0 auto; }
      .home-mid-bottom .home-testimonial .tesimonial-box p {
        padding-left: 58px;
        padding-right: 58px;
        text-align: center; }
      .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-icon1 {
        background: url(../png/testimonial-icon1.png) no-repeat left top;
        width: 54px;
        height: 35px;
        background-size: 46px;
        float: left; }
      .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-icon2 {
        background: url(../png/testimonial-icon2.png) no-repeat left top;
        width: 54px;
        height: 35px;
        float: right;
        background-size: 46px;
        margin-top: -30px; }
    .home-mid-bottom .home-testimonial .tesimonial-box.bottomspace {
      margin-bottom: 50px; }
    .home-mid-bottom .home-testimonial .btnbox {
      display: block;
      clear: both; }
      .home-mid-bottom .home-testimonial .btnbox .link-pad {
        margin-top: -43px;
        float: right;
        text-align: right; }
        .home-mid-bottom .home-testimonial .btnbox .link-pad a {
          display: inline-block;
          float: none; }

.formbottom {
  display: block;
  background: #f2f2f2;
  padding: 35px 0 40px;
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede; }
  .formbottom .heading04 {
    text-align: center;
    font-size: 29px;
    font-weight: 100;
    color: #1564af;
    margin-bottom: 20px;
    margin-top: 0px;
    font-family: "museo-slab"; }

.whyatbottom {
  display: block;
  padding: 40px 0 40px;
  border-top: solid 1px #dedede; }
  .whyatbottom .heading01 {
    padding-top: 0px;
    margin-bottom: 25px;
    margin-top: 0px; }

.discoverbox {
  display: block;
  background: #f2f2f2;
  padding: 40px 0 40px;
  border-top: solid 1px #dedede; }
  .discoverbox .heading01 {
    padding-top: 0px;
    margin-bottom: 25px;
    margin-top: 0px; }
  .discoverbox .discoverlink li {
    width: 19%;
    margin: 0% 0.5%;
    float: left;
    text-align: center; }
    .discoverbox .discoverlink li a {
      display: inline-block;
      text-decoration: none; }
    .discoverbox .discoverlink li span {
      display: block;
      clear: both;
      overflow: hidden;
      margin: 7px 0px;
      color: #000; }
    .discoverbox .discoverlink li span.disicon {
      width: 100px;
      height: 100px;
      background: #fff;
      border-radius: 50%;
      display: inline-block; }
      .discoverbox .discoverlink li span.disicon img {
        padding-top: 26px; }
  .discoverbox .discoverlink.six li {
    width: 14.5%; }

.discoverbox.whitebg {
  background: #fff; }
  .discoverbox.whitebg .discoverlink li span.disicon {
    background: #f3f3f3; }

.crmgraybox {
  display: block;
  background: #f2f2f2;
  padding: 45px 0 45px;
  border-top: solid 1px #dedede; }
  .crmgraybox .heading01 {
    padding-top: 0px;
    margin-bottom: 20px;
    margin-top: 0px; }
  .crmgraybox img {
    margin-top: 6px;
    margin-bottom: 6px; }

.testimonialbox {
  display: block;
  clear: both;
  overflow: hidden;
  background: #f2f2f2;
  padding: 17px 28px;
  border: solid 1px #dedede; }
  .testimonialbox .testimonial-box-name {
    position: relative;
    background-image: none !important; }
    .testimonialbox .testimonial-box-name .testimonial-clinet-image {
      /*position: absolute;
            left: -35px;*/
      top: 10px; }
      .testimonialbox .testimonial-box-name .testimonial-clinet-image img {
        width: 50px;
        height: 50px;
        border-radius: 50%; }
  .testimonialbox .tesimonialboxin {
    position: relative;
    display: block; }
    .testimonialbox .tesimonialboxin p {
      padding-left: 58px;
      padding-right: 58px; }
    .testimonialbox .tesimonialboxin .testimonial-icon2 {
      margin-top: -35px; }
  .testimonialbox .testimonial-box-name {
    padding-right: 45px !important; }

.page-bottom-bg .tesimonialboxin p {
  clear: inherit;
  overflow: inherit;
  margin-top: 0px; }

.netexpertise {
  display: block;
  background: #f2f2f2;
  padding: 45px 0 0;
  border-top: solid 1px #dedede; }
  .netexpertise .heading01 {
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px; }

.nebox {
  text-align: center;
  border-left: solid 1px #d1d1d1;
  margin-top: 30px;
  margin-bottom: 10px;
  min-height: 135px; }
  .nebox span {
    line-height: 18px;
    font-weight: 600;
    margin-top: 10px;
    display: block;
    clear: both; }

.nebox:nth-child(7), .neboxmain .nebox:first-child {
  border-left: 0px; }

.home-title-pad {
  margin-top: 20px !important; }

.banner-button-link {
  position: absolute;
  left: 15px; }

.banner-button-link1 {
  position: absolute;
  bottom: 65px; }

.banner-button-link2 {
  position: absolute;
  bottom: 45px; }

.banner-button-link3 {
  position: absolute;
  bottom: 65px; }

.banner-button-link4 {
  position: absolute;
  bottom: 95px; }

.smalltext {
  font-size: 14px;
  margin-bottom: 3px;
  padding-right: 9px;
  font-weight: 400;
  color: #000;
  display: block;
  clear: both;
  overflow: hidden; }

.border-top-space {
  padding-top: 10px; }

.blogboxmain {
  display: block;
  clear: both;
  overflow: hidden; }
  .blogboxmain .heading01 {
    padding-top: 12px;
    display: block;
    clear: both;
    padding-bottom: 10px; }
  .blogboxmain .subtitle {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
    color: #696969;
    margin-top: 20px;
    display: block;
    clear: both; }
  .blogboxmain .blogbox {
    display: block;
    clear: both;
    overflow: hidden;
    color: #010101;
    text-decoration: none !important;
    /*.blogbtn{ display: none;}*/ }
    .blogboxmain .blogbox .blogimg {
      display: block;
      margin-bottom: 15px;
      margin-top: 15px; }
      .blogboxmain .blogbox .blogimg img {
        width: 100%; }
    .blogboxmain .blogbox p {
      min-height: 100px; }
    .blogboxmain .blogbox span {
      font-size: 13px;
      color: #828282;
      margin-bottom: 8px;
      display: block;
      font-weight: 400; }
    .blogboxmain .blogbox h2 {
      color: #000;
      font-size: 20px;
      font-weight: 400;
      line-height: 28px;
      margin-bottom: 8px;
      min-height: 56px; }
    .blogboxmain .blogbox .blogbox {
      display: block;
      clear: both; }
    .blogboxmain .blogbox:hover span.orangebtn {
      background-color: #1465b0;
      color: #fff; }
    .blogboxmain .blogbox span.orangebtn {
      background: #fdb226;
      font-size: 16px;
      color: #000;
      padding: 10px 40px 10px 20px;
      text-decoration: none;
      display: inline-block;
      position: relative;
      font-weight: 400; }
      .blogboxmain .blogbox span.orangebtn .backendlink-icon {
        background-position: -573px -82px;
        position: absolute;
        width: 20px;
        height: 19px;
        right: 0px;
        top: 12px; }
      .blogboxmain .blogbox span.orangebtn:hover {
        color: #fff; }

/* Alliancetek Banner */
/* Alliancetek Banner End */
.dev-process {
  display: block;
  background: #fff;
  padding: 35px 0 34px;
  margin: 10px 0 0;
  border-top: solid 1px #dfdfdf; }

.dev-process.mtp0 {
  margin-top: 0px; }

/* SharePoint Banner */
.sp-banner_bg1 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg2 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg2.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg3 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg3.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg4 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg4.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg5 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg5.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg6 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg6.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner_bg7 {
  width: 100%;
  float: left;
  background: url(../jpg/banner_bg7.jpg) no-repeat center top;
  background-size: 100% 100%; }

.sp-banner-button1 {
  background: url(../png/find-out-btn.png) no-repeat left top;
  bottom: 104px;
  width: 178px; }

.sp-banner-button2 {
  background: url(../png/about-us-btn.png) no-repeat left top;
  bottom: 44px;
  width: 182px; }

.sp-banner-button3 {
  background: url(../png/download-ebook-btn.png) no-repeat left top;
  bottom: 110px;
  width: 280px; }

.sp-banner-button4 {
  background: url(../png/solution-btn.png) no-repeat left top;
  bottom: 93px;
  width: 188px; }

.sp-banner-button5 {
  background: url(../png/learn-more.png) no-repeat left top;
  bottom: 93px;
  width: 220px; }

/* SharePoint Banner End */
/* Mobile Banner */
.mo-banner_bg1 {
  background: url(../jpg/slide-01bg-2.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner_bg2 {
  background: url(../jpg/slide-02bg.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner_bg3 {
  background: url(../jpg/slide-03bg-2.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner_bg4 {
  background: url(../jpg/slide-04bg-2.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner_bg5 {
  background: url(../jpg/slide-05bg.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner_bg6 {
  background: url(../jpg/slide-06bg.jpg) no-repeat center top;
  background-size: cover; }

.mo-banner-button1 {
  background: url(../png/our-work-btn.png) no-repeat left top;
  bottom: 62px;
  width: 189px; }

.mo-banner-button2 {
  background: url(../png/download-now-btn.png) no-repeat left top;
  bottom: 80px;
  width: 261px; }

.mo-banner-button3 {
  background: url(../png/download-article-btn.png) no-repeat left top;
  bottom: 70px;
  width: 286px; }

.mo-banner-button4 {
  background: url(../png/consult-our-experts-btn.png) no-repeat left top;
  bottom: 191px;
  width: 245px; }

.mo-banner-button5 {
  background: url(../png/learn-more-btn.png) no-repeat left top;
  bottom: 80px;
  width: 218px; }

.mo-banner-button6 {
  background: url(../png/learn-more-btn.png) no-repeat left top;
  bottom: 96px;
  width: 218px; }

/* Mobile Banner End */
/* PHP Banner */
.php-banner-bg {
  background: url(../jpg/banner-bg.jpg) no-repeat center top;
  background-size: cover; }

/* PHP Banner End */
/* .Net Banner */
.banner-white-bg {
  background: #fff; }

.net-banner-bg1 {
  background: url(../jpg/banner-1bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-bg2 {
  background: url(../jpg/banner-2bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-bg3 {
  background: url(../jpg/banner-3bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-bg4 {
  background: url(../jpg/banner-4bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-bg5 {
  background: url(../jpg/banner-5bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-bg6 {
  background: url(../jpg/banner-6bg.jpg) no-repeat center top;
  background-size: cover; }

.net-banner-button1 {
  background: url(../png/solution-btn-2.png) no-repeat left top;
  bottom: 90px;
  width: 228px; }

.net-banner-button2 {
  background: url(../png/hire-a-team-btn.png) no-repeat left top;
  bottom: 133px;
  width: 238px; }

.net-banner-button3 {
  background: url(../png/services-btn.png) no-repeat left top;
  bottom: 78px;
  width: 198px; }

.banner-btn-hide {
  display: none !important; }

/* .Net Banner End */
/* CRM Banner */
.crm-banner-bg1 {
  background: url(../jpg/banner-bg1.jpg) no-repeat center top;
  background-size: cover; }

.crm-banner-bg2 {
  background: url(../jpg/banner-bg2.jpg) no-repeat center top;
  background-size: cover; }

.crm-banner-bg3 {
  background: url(../jpg/banner-bg3.jpg) no-repeat center top;
  background-size: cover; }

.crm-banner-bg4 {
  background: url(../jpg/banner-bg4.jpg) no-repeat center top;
  background-size: cover; }

.crm-banner-bg5 {
  background: url(../jpg/banner-bg5.jpg) no-repeat center top;
  background-size: cover; }

/* CRM Banner End */
.pace-running #banner .bx-pager {
  display: none; }

.pace-done #banner .bx-pager {
  display: inherit; }

@media screen\0 {
  .pace-running #banner .bx-pager {
    display: inherit; } }

.fact-belt {
  width: 100%;
  float: left;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 40px 0 40px;
  background: #fff;
  border-top: solid 1px #e3e3e3;
  border-bottom: solid 1px #e3e3e3; }

.fact-belt.graybg {
  background: #f6f6f6; }

.fact-belt.mbp0 {
  margin-bottom: 0px; }

.fact-belt h2 {
  padding-top: 0px;
  padding-bottom: 30px; }

.fact-belt ul {
  margin: 0 0px;
  list-style-type: none; }

.fact-belt ul li {
  width: auto;
  float: left;
  padding: 15px 10px 10px 10px;
  width: 20%;
  color: #484848;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.fact-belt ul li a {
  color: #fff; }

.fact-belt ul li a:hover {
  text-decoration: none; }

.fact-belt ul li .number-count {
  font-weight: 400;
  color: #484848;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 43px;
  line-height: 46px; }

.fact-belt ul li:last-child {
  margin-top: -8px;
  float: right;
  padding-right: 0px; }

.fact-contact-btn {
  background: #4bc261;
  color: #fff !important;
  font-weight: 400;
  padding: 6px 30px 8px;
  border-radius: 0px;
  font-size: 20px;
  margin-top: 5px;
  float: left;
  text-decoration: none !important;
  font-family: "Open Sans", sans-serif; }

.fact-contact-btn:hover {
  background: #ff672e;
  color: #fff !important;
  text-decoration: none; }

.grayactbg {
  background: #eaeaea; }

.smtoptxt {
  font-size: 18px;
  font-weight: 300;
  color: #010101;
  float: right; }

.mdtoptxt {
  font-size: 29px;
  font-weight: 300;
  color: #010101;
  float: right;
  margin-bottom: 10px; }

.bi-pager {
  float: left;
  height: 67px;
  padding: 1px 0 0 0;
  background: #1564af;
  width: 100%; }

.bi-pager ul {
  margin: 0px;
  padding: 0px; }

.bi-pager ul li {
  width: 16.63%;
  float: left;
  border-right: solid 1px #0b4b87;
  left: 0;
  -webkit-box-shadow: 1px 0px 0 #2b76bd;
  box-shadow: 1px 0px 0 #2b76bd;
  padding: 0 0 0 2px; }

.bi-pager ul li a {
  color: #fff;
  font-size: 15px;
  padding: 10px 10px;
  height: 46px;
  float: left;
  line-height: 21px;
  min-height: 66px;
  outline: none;
  width: 100%; }

.bi-pager ul li a:hover {
  background: #0b4f8f;
  color: #fff;
  height: 66px;
  text-decoration: none; }

.bi-pager ul li a.active {
  background: #0b4f8f;
  color: #fff;
  height: 66px;
  text-decoration: none; }

.industry-icons {
  border-top: none !important;
  border-bottom: solid 1px #dedede; }

.technology-icon {
  display: block;
  border-top: solid 1px #dedede;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center; }
  .technology-icon .heading01 {
    padding-top: 0px;
    padding-bottom: 30px; }
  .technology-icon ul {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .technology-icon ul li {
      display: inline-block;
      padding: 15px 25px; }
      .technology-icon ul li .tecicon {
        background: url(../png/technology-icon.png) no-repeat;
        float: left;
        width: 50px;
        height: 50px;
        display: inline-block; }
      .technology-icon ul li .laravel {
        background-position: 0px 0px; }
      .technology-icon ul li .code-igniter {
        background-position: -50px 0px; }
      .technology-icon ul li .magento {
        background-position: -100px 0px; }
      .technology-icon ul li .zencart {
        background-position: -150px 0px; }
      .technology-icon ul li .wordpress {
        background-position: -200px 0px; }
      .technology-icon ul li .drupal {
        background-position: -250px 0px; }
      .technology-icon ul li .joomla {
        background-position: -300px 0px; }
      .technology-icon ul li .teios {
        background-position: -350px 0px; }
      .technology-icon ul li .teandroid {
        background-position: -400px 0px; }
      .technology-icon ul li .tereact {
        background-position: -450px 0px; }
      .technology-icon ul li .teionic {
        background-position: -500px 0px; }
      .technology-icon ul li .teunity {
        background-position: -550px 0px; }
      .technology-icon ul li .tephonegap {
        background-position: -600px 0px; }
      .technology-icon ul li .tetitanium {
        background-position: -650px 0px; }
      .technology-icon ul li .texamarin {
        background-position: -700px 0px; }
      .technology-icon ul li .tesencha {
        background-position: -750px 0px; }
      .technology-icon ul li .tecore {
        background-position: 0px -100px; }
      .technology-icon ul li .temvc {
        background-position: -50px -100px; }
      .technology-icon ul li .tewpf {
        background-position: -100px -100px; }
      .technology-icon ul li .tewcf {
        background-position: -150px -100px; }
      .technology-icon ul li .tevisual {
        background-position: -200px -100px; }
      .technology-icon ul li .teasp {
        background-position: -250px -100px; }
      .technology-icon ul li .tesharepoint {
        background-position: -300px -100px; }
      .technology-icon ul li .tedynamics {
        background-position: -350px -100px; }
      .technology-icon ul li .tesql {
        background-position: -400px -100px; }
      .technology-icon ul li .tesitecore {
        background-position: -450px -100px; }
      .technology-icon ul li .teazure {
        background-position: -500px -100px; }
      .technology-icon ul li .temicroservices {
        background-position: -550px -100px; }
      .technology-icon ul li .tedevops {
        background-position: -600px -100px; }
      .technology-icon ul li .telifecycle {
        background-position: -650px -100px; }
      .technology-icon ul li .sp2007 {
        background-position: -700px -100px; }
      .technology-icon ul li .sp2010 {
        background-position: -400px -100px; }
      .technology-icon ul li .sp2013, .technology-icon ul li .sp2016 {
        background-position: -300px -100px; }
      .technology-icon ul li .office365 {
        background-position: -750px -100px; }
      .technology-icon ul li .logoname {
        margin-left: 55px;
        display: block;
        padding-top: 12px;
        font-size: 21px; }
      .technology-icon ul li:hover .laravel {
        background-position: 0px -50px; }
      .technology-icon ul li:hover .code-igniter {
        background-position: -50px -50px; }
      .technology-icon ul li:hover .magento {
        background-position: -100px -50px; }
      .technology-icon ul li:hover .zencart {
        background-position: -150px -50px; }
      .technology-icon ul li:hover .wordpress {
        background-position: -200px -50px; }
      .technology-icon ul li:hover .drupal {
        background-position: -250px -50px; }
      .technology-icon ul li:hover .joomla {
        background-position: -300px -50px; }
      .technology-icon ul li:hover .teios {
        background-position: -350px -50px; }
      .technology-icon ul li:hover .teandroid {
        background-position: -400px -50px; }
      .technology-icon ul li:hover .tereact {
        background-position: -450px -50px; }
      .technology-icon ul li:hover .teionic {
        background-position: -500px -50px; }
      .technology-icon ul li:hover .teunity {
        background-position: -550px -50px; }
      .technology-icon ul li:hover .tephonegap {
        background-position: -600px -50px; }
      .technology-icon ul li:hover .tetitanium {
        background-position: -650px -50px; }
      .technology-icon ul li:hover .texamarin {
        background-position: -700px -50px; }
      .technology-icon ul li:hover .tesencha {
        background-position: -750px -50px; }
      .technology-icon ul li:hover .tecore {
        background-position: 0px -150px; }
      .technology-icon ul li:hover .temvc {
        background-position: -50px -150px; }
      .technology-icon ul li:hover .tewpf {
        background-position: -100px -150px; }
      .technology-icon ul li:hover .tewcf {
        background-position: -150px -150px; }
      .technology-icon ul li:hover .tevisual {
        background-position: -200px -150px; }
      .technology-icon ul li:hover .teasp {
        background-position: -250px -100px; }
      .technology-icon ul li:hover .tesharepoint {
        background-position: -300px -150px; }
      .technology-icon ul li:hover .tedynamics {
        background-position: -350px -150px; }
      .technology-icon ul li:hover .tesql {
        background-position: -400px -150px; }
      .technology-icon ul li:hover .tesitecore {
        background-position: -450px -150px; }
      .technology-icon ul li:hover .teazure {
        background-position: -500px -150px; }
      .technology-icon ul li:hover .temicroservices {
        background-position: -550px -150px; }
      .technology-icon ul li:hover .tedevops {
        background-position: -600px -150px; }
      .technology-icon ul li:hover .telifecycle {
        background-position: -650px -150px; }
      .technology-icon ul li:hover .sp2007 {
        background-position: -700px -150px; }
      .technology-icon ul li:hover .sp2010 {
        background-position: -400px -150px; }
      .technology-icon ul li:hover .sp2013, .technology-icon ul li:hover .sp2016 {
        background-position: -300px -150px; }
      .technology-icon ul li:hover .office365 {
        background-position: -750px -150px; }
      .technology-icon ul li:hover .logoname {
        color: #1564af; }
  .technology-icon .nospaceli li {
    padding: 5px 15px; }

.technology-icon.pbp {
  padding-bottom: 15px; }

@media only screen and (max-width: 1200px) {
  .bi-pager ul li a {
    color: #fff;
    font-size: 14px !important;
    padding: 8px 5px;
    height: 50px;
    float: left;
    line-height: 16px; } }

@media only screen and (max-width: 62.438em) {
  .bi-pager ul li a {
    color: #fff;
    font-size: 13px !important;
    padding: 8px 5px;
    height: 50px;
    float: left;
    line-height: 16px; }
  .bi-pager {
    display: none; } }

@media only screen and (max-width: 47.938em) {
  .bi-pager {
    background: url(../png/saprator.png) no-repeat right 1px;
    float: left;
    height: 66px;
    padding: 1px 0 0 0;
    display: none; } }

@media (max-width: 1169px) {
  .home-banner-slide {
    height: 350px; }
  .home-banner-img img {
    height: 350px; }
  .banner-container h2 {
    font-size: 35px;
    line-height: 40px; }
  .center-txt-banner h2 {
    font-size: 40px; }
  .homeslider .bx-wrapper2 .bx-prev2, .homeslider .bx-wrapper2 .bx-next2 {
    display: none !important; }
  #home {
    border-bottom: none;
    margin-bottom: 0px; }
    #home .rmm-main-list {
      display: none !important; }
    #home .rmm-toggled {
      display: block !important; }
  #home .rmm.graphite .rmm-main-list li a {
    margin: 0 29px 0 00px;
    line-height: normal; }
  .free-assessment2 {
    display: inherit !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important; }
  .free-assessment-home {
    display: none; }
  .banner-button-link1, .banner-button-link2 {
    bottom: 45px; }
  #banner {
    min-height: inherit;
    /* SharePoint Banner */
    /* SharePoint Banner End */
    /* Mobile Banner */
    /* Mobile Banner End */
    /* .Net Banner */
    /* .Net Banner End */ }
    #banner .banner-button {
      height: 53px;
      background-size: 100%; }
    #banner .banner-button1 {
      bottom: 24%;
      width: 243px; }
    #banner .banner-button2 {
      bottom: 16%;
      width: 219px; }
    #banner .banner-button3 {
      bottom: 21%;
      width: 233px; }
    #banner .banner-button4 {
      bottom: 26%;
      width: 180px; }
    #banner .banner-button5 {
      bottom: 20%;
      width: 227px; }
    #banner .banner-button6 {
      bottom: 43%;
      width: 180px; }
    #banner .banner-button8 {
      bottom: 27%;
      width: 180px; }
    #banner .sp-banner-button1 {
      bottom: 25%;
      width: 147px; }
    #banner .sp-banner-button2 {
      bottom: 11%;
      width: 153px; }
    #banner .sp-banner-button3 {
      bottom: 27%;
      width: 232px; }
    #banner .sp-banner-button4 {
      bottom: 23%;
      width: 156px; }
    #banner .sp-banner-button5 {
      bottom: 23%;
      width: 183px; }
    #banner .mo-banner-button1 {
      bottom: 13%;
      width: 153px; }
    #banner .mo-banner-button2 {
      bottom: 18%;
      width: 216px; }
    #banner .mo-banner-button3 {
      top: 65%;
      bottom: inherit;
      width: 237px; }
    #banner .mo-banner-button4 {
      bottom: 49%;
      width: 203px; }
    #banner .mo-banner-button5 {
      bottom: 19%;
      width: 181px; }
    #banner .mo-banner-button6 {
      bottom: 23%;
      width: 181px; }
    #banner .net-banner-button1 {
      bottom: 21%;
      width: 189px; }
    #banner .net-banner-button2 {
      bottom: 35%;
      width: 197px; }
    #banner .net-banner-button3 {
      bottom: 20%;
      width: 164px; }
  .fact-belt ul {
    margin: 0 0px; }
  .fact-belt ul li {
    padding: 15px 14px 10px;
    width: 20%; }
  #views_slideshow_cycle_teaser_section_features-block {
    height: auto !important; }
  .views-slideshow-cycle-main-frame-row {
    position: relative !important;
    height: auto !important; }
  .badge-image a {
    margin-top: 15px !important; }
  .badge-image2 a {
    margin-top: 15px !important; }
  .testimonails-logo {
    margin-top: 10px !important; } }

/*====Mobile site=====*/
.footer-logos-wrp {
  width: 100%;
  float: left;
  padding-bottom: 10px; }

.footer-logos-wrp .tab-technology-icon ul li {
  padding: 15px 19px 0;
  float: left; }

.app_bg_title {
  font-size: 15px;
  font-weight: 700;
  color: #aeaeae;
  vertical-align: middle; }

.tpad {
  padding-top: 0 !important;
  float: left; }

.app_bg_h {
  width: 100%;
  float: left;
  background: #fff;
  margin-bottom: 0;
  min-height: 40px;
  padding: 10px 0 5px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1; }

.linkcursor {
  cursor: pointer; }

@media (min-width: 1200px) {
  .home-portfolio .portwidth {
    max-width: 1180px; }
  .home-portfolio .bx-prev2 {
    left: -47px; }
  .home-mid-bottom .home-testimonial {
    width: 55%;
    margin-left: 50px; } }

@media (max-width: 1150px) {
  .tpad {
    padding-top: 0;
    float: left;
    padding-bottom: 15px; }
  .footer-logos-wrp {
    width: 100%;
    overflow-x: scroll;
    margin-left: 0; }
  .footer-logos-wrp .tab-technology-icon {
    width: 1170px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon.widthmd {
    width: 840px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon.widthlg {
    width: 1024px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon.widthxs {
    width: 340px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon.widthxxs {
    width: 640px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon.widthsm {
    width: 530px;
    float: left; }
  .footer-logos-wrp .tab-technology-icon ul li {
    padding: 0 17px 10px; }
  .app_bg_h {
    border-bottom: none;
    margin-bottom: 0; } }

.teclist {
  padding-top: 7px; }

.teclist .tpad {
  float: left;
  width: 220px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #737373; }

.teclist .tecicon {
  display: block;
  margin-left: 222px; }

.teclist .tecicon ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.teclist .tecicon ul li {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px; }

.teclist .tecicon a:hover {
  text-decoration: none; }

.teclist .tecicon.lg ul li {
  margin-left: 30px;
  margin-right: 30px; }

@media (min-width: 200px) and (max-width: 992px) {
  .app_bg_h teclist {
    width: inherit;
    float: none; }
  .teclist .tpad {
    float: none;
    width: inherit;
    margin-top: 24px;
    font-size: 16px;
    display: block; }
  .teclist .tecicon {
    display: block;
    margin-left: inherit;
    overflow-y: hidden;
    overflow-x: auto; }
  .teclist .tecicon ul {
    white-space: nowrap; } }

@media (min-width: 768px) and (max-width: 1022px) {
  .home-banners-f {
    left: 0%;
    top: 50px !important; }
  .home-banners {
    left: 0%;
    top: 50px !important; } }

@media (min-width: 200px) and (max-width: 767px) {
  .home-banners-f {
    left: 0%;
    top: 30px !important; }
  .home-banners {
    left: 0%;
    top: 30px !important; }
  .badge-image2 {
    margin-top: 20px; }
  .certified-part-logo a.logo-4 img {
    max-height: 63% !important;
    margin-top: 5px; }
  .certified-part-logo a img {
    max-height: 100% !important; }
  .bannerblacktext-big-shadow h1, .bannerblacktext-big-shadow h2 {
    font-size: 25px;
    line-height: 30px;
    padding-top: 18px; }
  .banner-container {
    text-align: center; }
  .gray-text {
    font-size: 14px; } }

@media (min-width: 514px) and (max-width: 767px) {
  .badge-image2 a {
    margin-top: 5px !important;
    margin-bottom: 8px; } }

@media (min-width: 993px) and (max-width: 1150px) {
  .certified-part-logo .logo-4 img {
    width: 60px !important;
    margin-top: 7px; }
  .teclist .tecicon ul li {
    margin-left: 3px;
    margin-right: 3px; }
  .teclist .tecicon.lg ul li {
    margin-left: 20px;
    margin-right: 20px; }
  .fact-belt {
    padding-top: 40px;
    padding-bottom: 20px; }
  .fact-belt ul li {
    padding: 15px 20px 10px;
    width: 20%; }
  .certified-part {
    padding-bottom: 30px;
    padding-top: 0px; }
    .certified-part .certified-box a {
      margin-top: 0px; }
    .certified-part .certified-box span {
      min-height: 150px; }
  .blogboxmain .blogbox h2 {
    min-height: 85px; }
  .blogboxmain .blogbox p {
    min-height: 128px; }
  .bannerblacktext-big-shadow h1, .bannerblacktext-big-shadow h2 {
    font-size: 25px;
    line-height: 30px; }
  .banner-container {
    text-align: left; }
  .gray-text {
    font-size: 14px;
    width: 400px;
    text-align: left; } }

@media (min-width: 768px) and (max-width: 910px) {
  .tpad {
    padding-top: 0 !important;
    float: left; }
  #php-in-banner p {
    text-align: left;
    margin-top: 10px; }
  .gray-text {
    text-align: left; }
  #php-in-banner .home-banner-button a {
    text-align: center;
    margin-top: 5px; }
  .fact-belt {
    padding-top: 35px;
    padding-bottom: 35px; }
  .certified-part {
    padding-bottom: 30px;
    padding-top: 0px; }
    .certified-part .certified-box a {
      margin-top: 0px; }
    .certified-part .certified-box span {
      min-height: 100px; }
  .cf-icon {
    width: 130px; }
  .nebox {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 111px; }
    .nebox img {
      width: 60px; }
    .nebox span {
      font-size: 12px;
      line-height: 15px; } }

@media screen and (max-width: 450px) {
  .banner-container p {
    padding: 5px 0 4px 0; }
  .banner-container a.banner-link {
    font-size: 14px; } }

@media screen and (max-width: 850px) {
  .sm-blue:not(.sm-blue-vertical) > li > a {
    padding-left: 18px;
    padding-right: 18px; } }

/*====Mobile site End=====*/
@media screen and (max-width: 750px) {
  .banner-container h2.blue-lg {
    font-size: 35px !important;
    font-weight: 800;
    line-height: 38px; }
  .banner-container h3.blue-md {
    font-size: 25px; }
  .sm-blue:not(.sm-blue-vertical) > li > a {
    padding-left: 10px;
    padding-right: 10px; }
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0; }
  .banner-bullets.blacktxt ul li {
    font-size: 15px; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .home-banner-01bg .text-center, .home-banner-01bg .text-center {
    text-align: left;
    line-height: 25px; } }

@media (min-width: 982px) and (max-width: 1150px) {
  .banner-container h2 {
    font-size: 27px; }
  .banner-container h3.blue-md {
    font-size: 26px; }
  .bannerblacktext-big-shadow h1, .bannerblacktext-big-shadow h2 {
    font-size: 31px;
    line-height: 38px; }
  .home-banner-01bg .text-center, .home-banner-01bg .text-center {
    max-width: 50%;
    text-align: left; } }

@media (max-width: 1023px) {
  .fact-belt ul {
    margin: 0 0px; }
  .fact-belt ul li {
    padding: 15px 0px 10px;
    width: 20%; }
  .home-mid-bottom .home-testimonial .heading03 {
    padding-top: 0px; }
  .home-mid-bottom .home-testimonial .tesimonial-box {
    padding-bottom: 0px; }
    .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-names {
      float: right;
      width: 100%;
      text-align: center;
      padding: 15px 30px 0px 23px; }
    .home-mid-bottom .home-testimonial .tesimonial-box .tesimonialboxin {
      width: 95%;
      margin: 0 auto; }
    .home-mid-bottom .home-testimonial .tesimonial-box p {
      padding-left: 45px;
      padding-right: 45px;
      text-align: center; }
    .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-icon1 {
      background: url(../png/testimonial-icon1.png) no-repeat left top;
      width: 36px;
      height: 35px;
      background-size: 35px;
      float: left; }
    .home-mid-bottom .home-testimonial .tesimonial-box .testimonial-icon2 {
      background: url(../png/testimonial-icon2.png) no-repeat left top;
      width: 36px;
      height: 35px;
      float: right;
      background-size: 35px;
      margin-top: -30px; }
  .home-mid-bottom .home-testimonial .btnbox {
    display: block;
    clear: both; }
    .home-mid-bottom .home-testimonial .btnbox .link-pad {
      margin-top: 10px;
      padding-top: 15px;
      margin-bottom: 0px;
      float: none;
      text-align: center; }
      .home-mid-bottom .home-testimonial .btnbox .link-pad a {
        display: inline-block;
        float: none; } }

@media (max-width: 982px) {
  .testimonails-logo {
    width: 100%;
    margin-top: 40px; }
  .home-banner-slide {
    height: 300px; }
  .home-banner-height {
    height: 300px;
    text-align: left; }
  .home-banner-img {
    display: none; }
  .banner-container h2 {
    font-size: 35px;
    line-height: 40px; }
  .center-txt-banner h2 {
    font-size: 40px; }
  .home-banner-button img {
    max-height: 50px; }
  .home-box .boxer {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .home-box .boxer {
      float: left;
      width: 50%; } }

@media (max-width: 982px) {
    .home-box .boxer .boxer-content {
      min-height: 50px; }
  .home-mid-bottom .tech-asse {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .home-mid-bottom .tech-asse {
      float: left;
      width: 33.33333%; } }

@media (max-width: 982px) {
  .home-mid-bottom .home-testimonial {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .home-mid-bottom .home-testimonial {
      float: left;
      width: 100%; } }

@media (max-width: 982px) {
  .tab-right {
    display: none; }
  .tab-left {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .tab-left {
      float: left;
      width: 100%; } }

@media (max-width: 982px) {
  .tab-full {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .tab-full {
      float: left;
      width: 100%; } }

@media (max-width: 982px) {
  .list-wrp .list1 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .list-wrp .list1 {
      float: left;
      width: 50%; } }

@media (max-width: 982px) {
  .list-wrp .list2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .list-wrp .list2 {
      float: left;
      width: 33.33333%; } }

@media (max-width: 982px) {
  .list-wrp .list3 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .list-wrp .list3 {
      float: left;
      width: 33.33333%; } }

@media (max-width: 982px) {
  .box-clr {
    clear: both; }
  #home {
    margin-bottom: 0px; }
    #home .rmm {
      max-width: 100% !important; }
  .banner-button-link1, .banner-button-link2, .banner-button-link3, .banner-button-link4 {
    bottom: 20%; }
  .banner-button-link img {
    width: 150px; }
  #banner {
    /* SharePoint Banner */
    /* SharePoint Banner End */
    /* Mobile Banner */
    /* Mobile Banner End */
    /* .Net Banner */
    /* .Net Banner End */ }
    #banner .banner-button {
      height: 40px;
      background-size: 100%;
      left: 10px; }
    #banner .banner-button1 {
      bottom: 28%;
      width: 183px; }
    #banner .banner-button2 {
      bottom: 19%;
      width: 165px; }
    #banner .banner-button3 {
      bottom: 22%;
      width: 176px; }
    #banner .banner-button4 {
      bottom: 30%;
      width: 136px; }
    #banner .banner-button5 {
      bottom: 20%;
      width: 171px; }
    #banner .banner-button6 {
      bottom: 43%;
      width: 136px; }
    #banner .banner-button8 {
      bottom: 25%;
      width: 136px; }
    #banner .sp-banner-button1 {
      bottom: 29%;
      width: 111px; }
    #banner .sp-banner-button2 {
      bottom: 15%;
      width: 114px; }
    #banner .sp-banner-button3 {
      bottom: 32%;
      width: 153px; }
    #banner .sp-banner-button4 {
      bottom: 26%;
      width: 118px; }
    #banner .sp-banner-button5 {
      bottom: 26%;
      width: 137px; }
    #banner .mo-banner-button1 {
      bottom: 19%;
      width: 118px; }
    #banner .mo-banner-button2 {
      bottom: 23%;
      width: 163px; }
    #banner .mo-banner-button3 {
      top: 68%;
      bottom: inherit;
      width: 179px; }
    #banner .mo-banner-button4 {
      bottom: 51%;
      width: 153px; }
    #banner .mo-banner-button5 {
      bottom: 23%;
      width: 137px; }
    #banner .mo-banner-button6 {
      bottom: 25%;
      width: 137px; }
    #banner .net-banner-button1 {
      bottom: 21%;
      width: 143px; }
    #banner .net-banner-button2 {
      bottom: 36%;
      width: 149px; }
    #banner .net-banner-button3 {
      bottom: 20%;
      width: 124px; }
  .fact-belt ul {
    margin: 0 0px; }
  .fact-belt ul li {
    width: 33.33%;
    padding: 15px 0px 10px 0px; }
  .fact-contact-btn {
    width: 100%;
    text-align: center;
    padding: 10px 0px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .logo-2 img {
    max-width: 52%; }
  .certified-part-logo .logo-4 img {
    width: 84px !important;
    margin-top: 7px; }
  .home-box .boxer .boxer-content {
    min-height: 170px; }
  .fact-belt ul li {
    width: 25%; }
  .fact-belt ul li:last-child {
    clear: both;
    padding-bottom: 0px;
    margin-top: -8px;
    float: none;
    width: 100%;
    text-align: center; }
    .fact-belt ul li:last-child .backendlink {
      float: none;
      display: inline-block; }
    .fact-belt ul li:last-child .smtoptxt {
      float: none;
      display: block; }
    .fact-belt ul li:last-child .mdtoptxt {
      float: none;
      display: block;
      margin-bottom: 8px; }
  .testimonialbox {
    padding: 8px 23px 12px; }
  .badge-image img {
    height: 140px; }
  .badge-image .certified-part-logo .badge-image img {
    height: 100px; }
  .badge-image2 img {
    height: 140px; }
  .banner-container a.home-banners-f, .banner-container a.home-banners {
    left: inherit !important;
    top: 20px !important; } }

/*@media (min-width:1023px) {
    .fact-belt ul li:last-child{ top: -30px;  position: relative; 
        }
}*/
@media (min-width: 993px) and (max-width: 1024px) {
  .logo-2 img {
    max-width: 52%; }
  .banner-container a.home-banners-f, .banner-container a.home-banners {
    left: inherit !important;
    top: 20px !important; } }

@media (min-width: 1151px) {
  .fact-belt ul li:first-child {
    padding-left: 10px; }
  .fact-belt ul li:last-child {
    margin-top: -8px;
    float: right;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 12px;
    position: relative;
    top: 8px; }
  .badge-image img {
    height: 165px; }
  .certified-part-logo .badge-image img {
    height: 100px; }
  .badge-image2 img {
    height: 170px; }
  .gray-text {
    margin-top: 30px; }
  .first-btn {
    top: 68px !important; } }

.banner-text-center p {
  text-align: left; }

@media (min-width: 1025px) {
  .banner-text-center {
    max-width: 620px;
    display: inline-block;
    text-align: center; }
  .banner-text-center p {
    text-align: center; } }

@media (max-width: 767px) {
  .backendlink a {
    font-size: 14px;
    padding: 8px 32px 9px 18px; } }

@media (max-width: 767px) {
  #banner .bx-pager {
    display: none !important; }
  .banner-bullets {
    padding-top: 0px; }
  .banner-bullets ul li {
    clear: both;
    padding: 5px 0;
    position: relative;
    padding: 4px 0 4px 0px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 16px; }
  .banner-container h3 {
    font-size: 20px; }
  .banner-container h3.large {
    font-size: 22px; }
  .banner-container h2 br, .banner-container h3 br, .banner-container p br {
    display: none; }
  .banner-container p {
    font-size: 16px; }
  .center-txt-banner p {
    line-height: 28px; }
  .home-banner-slide {
    height: 250px; }
  .home-banner-height {
    height: 300px; }
  .home-banner-height-big {
    height: 400px; }
  .home-banner-img {
    display: none; }
  .banner-container h2 {
    font-size: 28px;
    line-height: 33px;
    text-align: center; }
  .banner-container h3 {
    text-align: center; }
  .banner-bullets ul li {
    text-align: center; }
  .banner-container p {
    text-align: center; }
  .bannerblacktext h2, .bannerwhitetext h2 {
    font-size: 25px;
    text-align: center;
    line-height: 28px; }
  .bannerblacktext h2 span, .bannerwhitetext h2 span {
    font-size: 25px;
    line-height: 28px; }
  .bannerblacktext .home-banner-button a, .bannerwhitetext .home-banner-button a {
    float: none; }
  .center-txt-banner h2 {
    font-size: 32px; }
  .home-banner-button {
    text-align: center;
    width: 100%; }
  .home-banner-button a {
    float: none; }
  .home-banner-button img {
    max-height: 40px;
    margin: 0 auto; }
  .home-mid-bottom .tech-asse {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .home-mid-bottom .home-testimonial {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .home-mid-bottom .home-testimonial {
    margin-top: 20px; }
  #block-views-features-block .views-content-title {
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700; }
  #block-views-features-block .views-slideshow-pager-field-item {
    padding: 13px 1.5% 25px;
    text-align: center; }
  #block-views-features-block .active .views-content-field-icon {
    height: 56px; }
  #block-views-features-block .views-content-field-grayscale-icon {
    height: 56px; }
  .boxer {
    margin-top: 20px;
    clear: both; }
  .hompad {
    margin-top: 20px; }
  .banner-button-link1, .banner-button-link2, .banner-button-link3, .banner-button-link4 {
    bottom: 15%; }
  #banner {
    /* SharePoint Banner */
    /* SharePoint Banner End */
    /* Mobile Banner */
    /* Mobile Banner End */
    /* .Net Banner */
    /* .Net Banner End */ }
    #banner .banner-button1 {
      bottom: 23%; }
    #banner .banner-button2 {
      bottom: 16%; }
    #banner .banner-button3 {
      bottom: 18%; }
    #banner .banner-button4 {
      bottom: 25%; }
    #banner .banner-button5 {
      bottom: 16%;
      width: 171px; }
    #banner .banner-button6 {
      bottom: 40%; }
    #banner .banner-button8 {
      bottom: 18%; }
    #banner .banner-button.sp-banner-button1 {
      bottom: 21%; }
    #banner .banner-button.sp-banner-button2 {
      bottom: 10%; }
    #banner .banner-button.sp-banner-button3 {
      bottom: 20%; }
    #banner .banner-button.sp-banner-button4 {
      bottom: 13%; }
    #banner .banner-button.sp-banner-button5 {
      bottom: 13%; }
    #banner .mo-banner-button1 {
      bottom: 9%; }
    #banner .mo-banner-button2 {
      bottom: 14%; }
    #banner .mo-banner-button3 {
      top: 65%;
      bottom: inherit; }
    #banner .mo-banner-button4 {
      bottom: 46%; }
    #banner .mo-banner-button5 {
      bottom: 18%; }
    #banner .mo-banner-button6 {
      bottom: 18%; }
    #banner .net-banner-button1 {
      bottom: 19%; }
    #banner .net-banner-button2 {
      bottom: 34%; }
    #banner .net-banner-button3 {
      bottom: 18%; }
  .fact-belt ul {
    margin: 0 0px; }
  .fact-belt ul li {
    width: 50%;
    padding: 15px 0px 10px 0px; }
  .fact-belt {
    padding-bottom: 35px;
    padding-top: 35px; }
  .fact-belt ul li:last-child {
    clear: both;
    padding-bottom: 0px;
    margin-top: -8px;
    float: none;
    width: 100%;
    text-align: center; }
    .fact-belt ul li:last-child .backendlink {
      float: none;
      display: inline-block; }
    .fact-belt ul li:last-child .smtoptxt {
      float: none;
      display: block; }
    .fact-belt ul li:last-child .mdtoptxt {
      float: none;
      display: block;
      margin-bottom: 8px; }
  .home-portfolio .portfolio-box li a {
    min-height: inherit;
    overflow: hidden; }
  .home-portfolio .portfolio-box ul li .portfolio-caption {
    font-size: 16px; }
  .certified-part {
    padding-bottom: 30px;
    padding-top: 0px; }
    .certified-part .heading01 {
      margin-bottom: 20px; }
    .certified-part .certified-box a {
      margin-top: 0px; }
    .certified-part .certified-box span {
      min-height: inherit; }
  .blogboxmain .blogbox p, .blogboxmain .blogbox h2 {
    min-height: inherit; }
  .dev-process {
    padding: 15px 0 15px; }
  #disucss-form .heading04 {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    color: #1564af; }
  #disucss-form {
    margin-bottom: 0px !important; }
  .testimonialbox {
    padding: 10px 20px 20px; }
    .testimonialbox .tesimonialboxin p {
      padding-left: 0;
      padding-right: 0; }
    .testimonialbox .tesimonialboxin .testimonial-icon2 {
      margin-top: -25px; }
    .testimonialbox .testimonial-box-name {
      padding-right: 0px !important;
      display: block;
      clear: both; }
  .nebox {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 10px;
    min-height: 118px; }
    .nebox img {
      width: 70px; }
    .nebox span {
      font-size: 13px; }
  .nebox:nth-child(odd) {
    border-left: solid 0px #d1d1d1; }
  .certified-part-logo {
    padding-bottom: 10px;
    padding-top: 15px; }
    .certified-part-logo h4 {
      width: 100% !important;
      margin-left: 0px !important; }
    .certified-part-logo span {
      padding-left: 10px;
      padding-right: 10px; }
  .badge-image {
    float: none;
    margin-top: 30px;
    margin-bottom: 15px; }
  .mobilewidth {
    height: 120px !important; } }

@media (min-width: 200px) and (max-width: 440px) {
  .icon-text span {
    max-width: 78%;
    margin: 0 auto; }
  .discoverbox {
    text-align: center; }
    .discoverbox .discoverlink li {
      width: 47%;
      margin: 0% 1%;
      min-height: 160px;
      float: none;
      display: inline-block; }
    .discoverbox .discoverlink.six li {
      width: 47%; }
  .certified-part-logo a {
    height: 54px; }
  .logo-2 img {
    max-width: 51%; } }

@media (min-width: 441px) and (max-width: 650px) {
  .discoverbox {
    text-align: center; }
    .discoverbox .discoverlink li {
      width: 30.33%;
      margin: 0% 1%;
      min-height: 160px;
      float: none;
      display: inline-block; }
    .discoverbox .discoverlink.six li {
      width: 30.33%; }
  .certified-part-logo a {
    height: 80px; } }

@media (min-width: 651px) and (max-width: 767px) {
  .certified-part-logo a {
    height: 96px; }
  .logo-2 img {
    max-width: 51%;
    margin-top: 7px; }
  .certified-part-logo a.logo-4 img {
    max-height: 77% !important; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .home-portfolio .portfolio-box .bx-wrapper2 .bx-prev2 {
    left: -10px; }
  .home-portfolio .portfolio-box .bx-wrapper2 .bx-next2 {
    right: -10px; } }

@media (min-width: 1100px) and (max-width: 1299px) {
  .home-portfolio .portfolio-box .bx-wrapper2 .bx-prev2 {
    left: -31px; }
  .home-portfolio .portfolio-box .bx-wrapper2 .bx-next2 {
    right: -6px; }
  .tesimonialboxin {
    width: 92% !important; } }

@media (min-width: 1024px) and (max-width: 1100px) {
  .logo-2 img {
    max-width: 51%;
    margin-bottom: 0px; }
  .certified-part-logo a {
    height: 88px; }
  .home-mid-bottom .home-testimonial .tesimonial-box {
    margin-bottom: 0px;
    padding-bottom: 0px; }
    .home-mid-bottom .home-testimonial .tesimonial-box .tesimonialboxin {
      width: 90%;
      margin: 0 auto; }
  .home-mid-bottom .home-testimonial .btnbox {
    padding-right: 26px; } }

@media (min-width: 1024px) and (max-width: 1068px) {
  .certified-part-logo a {
    height: 90px; } }

@media (min-width: 651px) and (max-width: 767px) {
  .discoverbox {
    text-align: center; }
    .discoverbox .discoverlink li {
      margin: 0% 1%;
      min-height: 160px;
      float: none;
      display: inline-block; }
    .discoverbox .discoverlink.six li {
      width: 22.33%; } }

@media (min-width: 812px) and (max-width: 991px) {
  .certified-part-logo a {
    height: 115px; } }

@media (max-width: 639px) {
  #block-views-features-block .views-content-title {
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    font-weight: 700; }
  /*.views-field-field-icon, .views-field-field-grayscale-icon {
        display: none !important;
    }
    #block-views-features-block .views-slideshow-pager-field-item {
        padding: 20px 1.5% 55px;
        text-align: center;
    }
    .views-field-field-icon, .views-field-field-grayscale-icon {
        display: none !important;
    }*/
  .banner-button-link {
    left: 0px; }
  .banner-button-link1, .banner-button-link2, .banner-button-link3, .banner-button-link4 {
    bottom: 20%; }
  .banner-button-link img {
    width: 100px; }
  #banner {
    /* SharePoint Banner */
    /* SharePoint Banner End */
    /* Mobile Banner */
    /* Mobile Banner End */
    /* .Net Banner */
    /* .Net Banner End */ }
    #banner .banner-button {
      height: 27px;
      background-size: 100%;
      left: 5px; }
    #banner .banner-button1 {
      bottom: 24%;
      width: 124px; }
    #banner .banner-button3 {
      bottom: 20%;
      width: 123px; }
    #banner .banner-button2 {
      bottom: 14%;
      width: 119px; }
    #banner .banner-button4 {
      bottom: 29%;
      width: 92px; }
    #banner .banner-button6 {
      width: 92px; }
    #banner .banner-button8 {
      bottom: 16%;
      width: 92px; }
    #banner .sp-banner-button1 {
      bottom: 16%;
      width: 75px; }
    #banner .sp-banner-button2 {
      bottom: 8%;
      width: 77px; }
    #banner .sp-banner-button3 {
      bottom: 18%;
      width: 118px; }
    #banner .sp-banner-button4 {
      bottom: 14%;
      width: 80px; }
    #banner .sp-banner-button5 {
      bottom: 16%;
      width: 92px; }
    #banner .mo-banner-button1 {
      bottom: 9%;
      width: 80px; }
    #banner .mo-banner-button2 {
      bottom: 14%;
      width: 110px; }
    #banner .mo-banner-button3 {
      top: 67%;
      bottom: inherit;
      width: 121px; }
    #banner .mo-banner-button4 {
      bottom: 47%;
      width: 103px; }
    #banner .mo-banner-button5 {
      bottom: 14%;
      width: 92px; }
    #banner .mo-banner-button6 {
      bottom: 15%;
      width: 92px; }
    #banner .net-banner-button1 {
      bottom: 21%;
      width: 97px; }
    #banner .net-banner-button2 {
      bottom: 35%;
      width: 101px; }
    #banner .net-banner-button3 {
      bottom: 20%;
      width: 84px; } }

@media (max-width: 479px) {
  #block-views-features-block .views-slideshow-pager-field-item {
    padding: 13px 1.5% 13px;
    text-align: center; }
  #block-views-features-block .views-content-title {
    font-size: 15px !important; }
  .banner-button-link1, .banner-button-link2, .banner-button-link3, .banner-button-link4 {
    bottom: 15%; }
  .banner-button-link img {
    width: 70px;
    left: 0px; }
  #banner {
    /* SharePoint Banner */
    /* SharePoint Banner End */
    /* Mobile Banner */
    /* Mobile Banner End */
    /* .Net Banner */
    /* .Net Banner End */ }
    #banner .banner-button {
      height: 21px;
      width: 80px;
      background-size: 100%;
      left: 5px; }
    #banner .banner-button1 {
      bottom: 19%; }
    #banner .banner-button3 {
      bottom: 14%; }
    #banner .banner-button2 {
      bottom: 9%; }
    #banner .banner-button4 {
      bottom: 24%; }
    #banner .sp-banner-button1 {
      bottom: 16%;
      width: 58px; }
    #banner .sp-banner-button2 {
      bottom: 8%;
      width: 60px; }
    #banner .sp-banner-button3 {
      bottom: 18%;
      width: 92px; }
    #banner .sp-banner-button4 {
      bottom: 14%;
      width: 62px; }
    #banner .sp-banner-button5 {
      bottom: 14%;
      width: 72px; }
    #banner .mo-banner-button1 {
      bottom: 9%;
      width: 62px; }
    #banner .mo-banner-button2 {
      bottom: 14%;
      width: 86px; }
    #banner .mo-banner-button3 {
      top: 66%;
      bottom: inherit;
      width: 94px; }
    #banner .mo-banner-button4 {
      bottom: 47%;
      width: 80px; }
    #banner .mo-banner-button5 {
      bottom: 14%;
      width: 72px; }
    #banner .mo-banner-button6 {
      bottom: 17%;
      width: 72px; }
    #banner .net-banner-button1 {
      bottom: 16%;
      width: 75px; }
    #banner .net-banner-button2 {
      bottom: 34%;
      width: 79px; }
    #banner .net-banner-button3 {
      bottom: 14%;
      width: 65px; } }

@media (min-width: 1100px) {
  .certified-part-logo a {
    height: 100px; }
  .logo-2 img {
    margin-top: 15px; } }

@media (min-width: 1200px) {
  .logo-5 img, .logo-6 img, .logo-7 img {
    margin-top: 10px; }
  .logo-1 img {
    margin-top: 3px; }
  .logo-4 img {
    margin-top: 11px; }
  .logo-2 img {
    max-width: 51%;
    margin-bottom: 0px;
    margin-top: 16px; }
  .certified-part-logo a {
    height: 115px; }
  .logo-3 img {
    margin-top: 31px;
    max-width: 80%; } }

@media screen and (min-width: 0\0) {
  .logo-2 img {
    max-width: 186px; } }

/* Footer
--------------------------*/
footer {
  width: 100%;
  float: left; }
  footer .footer-top {
    width: 100%;
    float: left;
    background: #f1f1f1;
    border-top: 1px solid #e6e2e2;
    border-bottom: 1px solid #e6e2e2;
    float: left;
    padding-bottom: 30px;
    margin-top: 50px; }
    footer .footer-top .nav-wrp {
      margin-left: -15px;
      margin-right: -15px; }
      footer .footer-top .nav-wrp:before, footer .footer-top .nav-wrp:after {
        content: " ";
        display: table; }
      footer .footer-top .nav-wrp:after {
        clear: both; }
      footer .footer-top .nav-wrp .footer-nav1 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        @media (min-width: 992px) {
          footer .footer-top .nav-wrp .footer-nav1 {
            float: left;
            width: 25%; } }
      footer .footer-top .nav-wrp .footer-nav2 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        @media (min-width: 992px) {
          footer .footer-top .nav-wrp .footer-nav2 {
            float: left;
            width: 50%; } }
        footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in {
          margin-left: -15px;
          margin-right: -15px; }
          footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:before, footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
            content: " ";
            display: table; }
          footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
            clear: both; }
          footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px; }
            @media (min-width: 992px) {
              footer .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
                float: left;
                width: 50%; } }
      footer .footer-top .nav-wrp .footer-nav-title {
        border-bottom: 1px solid #dbdbdb;
        color: #333333;
        float: left;
        font-size: 15px;
        font-weight: 700;
        padding: 20px 0 8px;
        width: 100%; }
    footer .footer-top .footer-nav {
      width: 100%;
      float: left;
      margin: 10px 0 0 0; }
    footer .footer-top .footer-nav li {
      float: left;
      clear: both;
      margin: 3px 0 3px;
      padding: 0 0 0 25px;
      background: url(../png/all-icon.png) no-repeat;
      background-position: -1319px -12px;
      position: relative; }
    footer .footer-top .footer-nav li a {
      color: #1564af;
      font-size: 13px;
      text-decoration: none; }
    footer .footer-top .footer-nav li a:hover {
      color: #333333; }
  footer .footer-bottom {
    width: 100%;
    float: left;
    border-top: 1px solid #e6e2e2;
    background: #f8f8f8;
    margin-top: 50px;
    float: left; }
    footer .footer-bottom .footer-btm {
      position: relative;
      margin-left: -15px;
      margin-right: -15px; }
      footer .footer-bottom .footer-btm:before, footer .footer-bottom .footer-btm:after {
        content: " ";
        display: table; }
      footer .footer-bottom .footer-btm:after {
        clear: both; }
      footer .footer-bottom .footer-btm .footer-bottom-nav {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        @media (min-width: 992px) {
          footer .footer-bottom .footer-btm .footer-bottom-nav {
            float: left;
            width: 58.33333%; } }
        footer .footer-bottom .footer-btm .footer-bottom-nav ul li {
          float: left;
          padding: 14px 7px;
          font-size: 13px;
          color: #9c9c9c; }
        footer .footer-bottom .footer-btm .footer-bottom-nav a {
          color: #1564af;
          text-decotion: none; }
          footer .footer-bottom .footer-btm .footer-bottom-nav a :hover {
            color: #444444;
            text-decotion: none; }
      footer .footer-bottom .footer-btm .skypecall {
        margin-top: 12px;
        float: right; }
    footer .footer-bottom .footer-telephone {
      text-align: right;
      padding: 14px 15px 0 0;
      margin-left: 15px;
      float: right; }
      footer .footer-bottom .footer-telephone a {
        color: #000;
        text-decoration: none; }
        footer .footer-bottom .footer-telephone a:hover {
          text-decoration: none; }
    footer .footer-bottom .footer-telephone:before {
      width: 0px;
      height: 20px;
      background: #d8d8d8;
      float: left;
      content: "";
      margin: 2px 15px 0 0; }
    footer .footer-bottom .skypecall {
      padding-right: 0px;
      background: none;
      display: none; }

.bottompadding {
  padding-bottom: 55px !important; }

footer.notopspace .footer-bottom {
  margin-top: 0px;
  border-top: 0px solid #e6e2e2;
  padding: 0px 0px 0px 0px; }

.copyright {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #434343;
  padding: 15px 7px 7px 7px; }

.footer-social {
  width: auto;
  position: absolute;
  left: 44%;
  margin-top: -5px;
  margin-left: -35px; }
  .footer-social .social-title {
    width: auto;
    float: left;
    font-size: 14px;
    padding: 2px 12px 0 0; }
  .footer-social .footer-fb {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -534px 0; }
  .footer-social .footer-fb:hover {
    background-position: -534px -32px; }
  .footer-social .footer-tw {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -566px 0;
    margin: 0 5px; }
  .footer-social .footer-tw:hover {
    background-position: -566px -32px; }
  .footer-social .footer-lin {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -598px -0px; }
  .footer-social .footer-lin:hover {
    background-position: -598px -32px; }
  .footer-social .footer-pin {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -1119px -84px;
    margin: 0 5px; }
  .footer-social .footer-pin:hover {
    background-position: -1119px -116px; }
  .footer-social .footer-ins {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -1151px -84px; }
  .footer-social .footer-ins:hover {
    background-position: -1151px -116px; }
  .footer-social .footer-yt {
    width: 32px;
    height: 32px;
    float: left;
    background-position: -1183px -84px;
    margin: 0 5px; }
  .footer-social .footer-yt:hover {
    background-position: -1183px -116px; }

.ld-copyright {
  text-align: center !important;
  padding-bottom: 10px !important; }

@media (max-width: 1169px) {
  .footer-bottom .footer-btm {
    padding: 0 0 10px; }
    .footer-bottom .footer-btm .footer-bottom-nav ul li {
      float: left;
      padding: 14px 3px 0 !important;
      font-size: 13px;
      color: #9c9c9c; }
  .footer-telephone {
    margin-right: 15px; } }

@media (max-width: 982px) {
  .footer-top .nav-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-top .nav-wrp:before, .footer-top .nav-wrp:after {
      content: " ";
      display: table; }
    .footer-top .nav-wrp:after {
      clear: both; }
    .footer-top .nav-wrp .footer-nav1 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 982px) and (min-width: 768px) {
      .footer-top .nav-wrp .footer-nav1 {
        float: left;
        width: 25%; } }

@media (max-width: 982px) {
    .footer-top .nav-wrp .footer-nav2 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 982px) and (min-width: 768px) {
      .footer-top .nav-wrp .footer-nav2 {
        float: left;
        width: 50%; } }

@media (max-width: 982px) {
      .footer-top .nav-wrp .footer-nav2 .footer-nav2-in {
        margin-left: -15px;
        margin-right: -15px; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:before, .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          content: " ";
          display: table; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          clear: both; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
          position: relative;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px; } }
        @media (max-width: 982px) and (min-width: 768px) {
          .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
            float: left;
            width: 50%; } }

@media (max-width: 982px) {
  .footer-btm {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-btm:before, .footer-btm:after {
      content: " ";
      display: table; }
    .footer-btm:after {
      clear: both; }
    .footer-btm .footer-bottom-nav {
      width: 100%;
      float: left; }
      .footer-btm .footer-bottom-nav ul li {
        padding: 0px 7px 0; }
  .footer-top .nav-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-top .nav-wrp:before, .footer-top .nav-wrp:after {
      content: " ";
      display: table; }
    .footer-top .nav-wrp:after {
      clear: both; }
    .footer-top .nav-wrp .footer-nav1 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 982px) and (min-width: 768px) {
      .footer-top .nav-wrp .footer-nav1 {
        float: left;
        width: 50%; } }

@media (max-width: 982px) {
    .footer-top .nav-wrp .footer-nav2 {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 982px) and (min-width: 768px) {
      .footer-top .nav-wrp .footer-nav2 {
        float: left;
        width: 100%; } }

@media (max-width: 982px) {
      .footer-top .nav-wrp .footer-nav2 .footer-nav2-in {
        margin-left: -15px;
        margin-right: -15px; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:before, .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          content: " ";
          display: table; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          clear: both; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
          position: relative;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px; } }
        @media (max-width: 982px) and (min-width: 768px) {
          .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
            float: left;
            width: 50%; } }

@media (max-width: 982px) {
  .footer-telephone {
    padding-right: 15px !important;
    padding-left: 0px !important;
    margin-right: 0px; }
  .footer-nav br {
    display: none; }
  .footer-social {
    margin: 0 10px 2px 0;
    position: relative !important;
    left: 0px !important;
    float: left; }
  .copyright p {
    margin-top: 5px; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .footer-social {
    float: none; }
  .copyright p {
    display: block;
    clear: both; } }

@media (max-width: 767px) {
  .footer-btm {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-btm:before, .footer-btm:after {
      content: " ";
      display: table; }
    .footer-btm:after {
      clear: both; }
    .footer-btm .footer-bottom-nav {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      .footer-btm .footer-bottom-nav ul li {
        padding: 5px 7px 0 !important; }
    .footer-btm .footer-telephone {
      text-align: left !important;
      margin-top: 0px;
      float: left; }
  .footer-top .nav-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-top .nav-wrp:before, .footer-top .nav-wrp:after {
      content: " ";
      display: table; }
    .footer-top .nav-wrp:after {
      clear: both; }
    .footer-top .nav-wrp .footer-nav1 {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .footer-top .nav-wrp .footer-nav2 {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      .footer-top .nav-wrp .footer-nav2 .footer-nav2-in {
        margin-left: -15px;
        margin-right: -15px; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:before, .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          content: " ";
          display: table; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          clear: both; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
          position: relative;
          float: left;
          width: 50%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px; }
  .copyright p {
    margin-top: 5px;
    width: 100%;
    float: left; }
  footer .footer-bottom .footer-btm .footer-bottom-nav ul li {
    padding: 5px 3px 0 !important; }
  footer .footer-bottom .footer-btm .skypecall {
    float: left;
    margin-left: 10px; }
  footer .footer-bottom .footer-telephone {
    position: relative;
    left: 0px;
    bottom: 10px;
    text-align: center !important;
    top: 5px;
    float: none; }
  #preSurveyBtn.chatspace, #newOnlineBtn.chatspace {
    bottom: 0px !important; } }

#preSurveyForm {
  z-index: 999999 !important; }

@media (max-width: 639px) {
  .copyright {
    padding: 15px 0 18px !important; }
  .copyright.bottompadding {
    padding-bottom: 135px !important; }
  .ld-copyright {
    padding-bottom: 10px !important; }
  .skypecall {
    float: left; } }

@media (max-width: 479px) {
  .footer-btm .footer-social {
    width: 100% !important;
    margin: 0 0 00px;
    text-align: left; }
  .footer-top .nav-wrp {
    margin-left: -15px;
    margin-right: -15px; }
    .footer-top .nav-wrp:before, .footer-top .nav-wrp:after {
      content: " ";
      display: table; }
    .footer-top .nav-wrp:after {
      clear: both; }
    .footer-top .nav-wrp .footer-nav1 {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .footer-top .nav-wrp .footer-nav2 {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      .footer-top .nav-wrp .footer-nav2 .footer-nav2-in {
        margin-left: -15px;
        margin-right: -15px; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:before, .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          content: " ";
          display: table; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in:after {
          clear: both; }
        .footer-top .nav-wrp .footer-nav2 .footer-nav2-in .footer-nav2-1 {
          position: relative;
          float: left;
          width: 100%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px; } }

/* Content
--------------------------*/
.heading04 {
  font-size: 29px;
  font-weight: 300;
  line-height: 27px;
  margin-top: 30px;
  padding-bottom: 12px;
  text-decoration: none;
  width: 100%;
  float: left;
  font-family: "museo-slab"; }

.heading04.nomtp {
  margin-top: 0px; }

.heading05 {
  color: #1564af;
  font-size: 30px;
  font-weight: 500;
  line-height: 33px;
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 0 12px;
  font-family: "museo-slab"; }

.heading05.bordernone {
  border: none !important; }

.heading05x {
  font-size: 21px;
  color: #010101;
  border-bottom: 0px;
  line-height: 27px; }

.heading05.topsp {
  margin-top: 30px; }

.heading06 {
  float: left;
  font-size: 24px;
  font-weight: 400;
  margin: 0px 0 25px;
  width: 100%;
  color: #1b1b1b;
  font-family: "museo-slab"; }

.heading07 {
  font-size: 20px;
  float: left;
  width: 100%;
  margin: 25px 0 10px; }

.heading08 {
  color: #010101;
  display: block;
  font-size: 22px;
  font-weight: 400;
  width: 100%;
  float: left;
  margin: 0 0 15px;
  font-family: "museo-slab"; }

.heading09 {
  font-size: 20px;
  float: left;
  width: 100%;
  margin: 20px 0 10px;
  font-weight: 600;
  font-family: "museo-slab"; }

.heading10 {
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  margin-top: 30px;
  padding-bottom: 12px;
  text-decoration: none;
  width: 100%;
  float: left; }

.heading10.mtp05 {
  margin-top: 5px;
  padding-bottom: 0px; }

.heading10.mtp05 a {
  text-decoration: none !important;
  color: #1564af; }

.heading11 {
  display: block;
  float: left;
  font-size: 24px;
  font-weight: 400;
  margin: 25px 0 20px;
  width: 100%;
  color: #1b1b1b;
  font-family: "museo-slab"; }

.heading11.intitle {
  margin-top: 8px;
  font-size: 20px;
  border-bottom: solid 1px #dedede;
  padding-bottom: 15px;
  margin-bottom: 6px; }

.heading12 {
  font-size: 22px;
  font-weight: 400;
  line-height: 27px;
  margin-top: 25px;
  padding-bottom: 12px;
  text-decoration: none;
  float: left;
  font-family: "museo-slab"; }

.heading13 {
  font-size: 24px;
  font-weight: 700;
  line-height: 27px;
  line-height: 30px;
  padding: 10px 183px 0 0; }

.heading14 {
  color: #000;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
  margin-top: 10px;
  text-align: left;
  width: 100%; }

.heading15 {
  color: #000;
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
  margin-top: 10px;
  text-align: left;
  width: 100%;
  position: relative;
  top: -7px; }

.tablestyle th {
  background: #eae9e9;
  color: #1564af;
  font-size: 16px;
  font-weight: 600; }

.tablestyle tr td, .tablestyle tr th {
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 16px; }

.nombp0 {
  padding-bottom: 0px !important; }

.all-icon {
  background: url(../png/all-icon.png) no-repeat; }

.social {
  background-position: -779px 0;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 5px;
  margin-top: -5px; }

.challange {
  background-position: -637px 0;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 5px;
  margin-top: -5px; }

.solution {
  background-position: -707px 2px;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 5px;
  margin-top: -5px; }

.imple {
  background-position: -740px 0;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 5px;
  margin-top: -5px; }

.result {
  background-position: -669px 0;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 5px;
  margin-top: -5px; }

.stBubble_count {
  height: 41px !important;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 10px; }

.stMainServices, .stButton_gradient {
  height: 23px !important; }

ul.list01 {
  list-style: none;
  margin-left: 35px; }

ul.list01 li {
  background: url(../png/bullet.png) left 3px no-repeat;
  display: block;
  padding-left: 24px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px;
  text-align: left; }

ul.list02 {
  margin: 0px;
  padding: 0px; }

ul.list02 li {
  background: url(../png/ok-blue.png) left 3px no-repeat;
  display: block;
  padding-left: 28px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #010101;
  margin-bottom: 10px;
  font-style: normal; }

ul.list02 li strong {
  font-size: 14px;
  font-weight: 400;
  color: #0C4E8C;
  font-weight: bold;
  font-style: normal; }

.landing-technologies {
  width: 100%;
  float: left;
  margin: 0px 0 0px; }

.landing-technologies img {
  margin: 10px 70px 10px 0;
  height: 45px; }

.cto-image {
  position: absolute;
  left: -10px;
  top: -98px; }

.cto-image img {
  width: 195px; }

.brainstorm-form {
  width: 265px;
  float: left;
  display: none;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  border-top: 2px solid #ea6811;
  padding: 15px 15px 15px; }

.brainstorm {
  position: fixed;
  right: 20px;
  bottom: 0px;
  width: 280px;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: 'Open Sans', sans-serif;
  float: left;
  padding: 0px 0;
  z-index: 10000000; }
  .brainstorm a {
    background: url(../png/down_arrow.png) no-repeat scroll right center #f97923;
    color: #fff;
    width: 265px;
    text-decoration: none;
    font-size: 17px !important;
    float: left;
    outline: none;
    padding: 10px 0 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 700; }
    .brainstorm a :hover {
      color: #fff; }

.backendlink-arrow a {
  background: url(../png/link-arrow.png) no-repeat right center #ff672e; }

.backendlink-arrow a:hover {
  background: url(../png/link-arrow.png) no-repeat right center #1564af; }

.free-assessment {
  position: fixed;
  left: -156px;
  top: 308px;
  z-index: 10000 !important;
  width: 350px;
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  display: none; }
  .free-assessment .backendlink {
    float: left; }
    .free-assessment .backendlink a {
      color: #000;
      border-radius: 0px 0px 6px 6px;
      background-image: none;
      background-color: #bce900;
      font-size: 18px;
      padding: 10px 20px 10px 20px; }
      .free-assessment .backendlink a :hover {
        background-image: none;
        background-color: none !important;
        color: #000; }

.free-assessment2 {
  width: 290px;
  display: none;
  margin: 25px auto 0; }
  .free-assessment2 .backendlink2 {
    float: left;
    width: 100%;
    margin: 15px 0 20px; }
    .free-assessment2 .backendlink2 a {
      color: #000;
      width: 100%;
      float: left;
      border-radius: 3px;
      background-image: none;
      background-color: #bce900;
      font-size: 16px;
      padding: 10px 0px 10px 0px;
      text-align: center; }
    .free-assessment2 .backendlink2 :hover {
      background-image: none;
      background-color: #d4f83e;
      color: #000;
      text-decoration: none; }

.fixbtn {
  display: none; }

.rightfixlink {
  position: fixed;
  right: 0px;
  top: 50%;
  margin: -50px 0 0 0;
  text-decoration: none;
  width: 40px;
  z-index: 100000; }
  .rightfixlink .sociallink {
    float: right;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    right: -78px;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    white-space: nowrap;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    background: #bce900; }
  .rightfixlink .maplink {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    color: #000;
    float: right;
    background-color: #bce900;
    font-size: 18px;
    padding: 10px 20px 10px 20px;
    white-space: nowrap;
    right: 0px;
    right: -129px;
    text-decoration: none;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }

.service-half {
  float: left;
  width: 100%;
  padding: 20px 0px; }

.service-main {
  float: left;
  width: 100%;
  background: #fff;
  padding: 40px 0px; }
  .service-main a {
    color: #000; }
    .service-main a :hover {
      text-decoration: none !important; }
  .service-main .services-img {
    text-align: center;
    padding-bottom: 15px; }
    .service-main .services-img p {
      text-align: center;
      margin: 15px 0px;
      font-size: 16px; }

.service-title h4 {
  font-size: 16px !important; }

.border-right {
  border-right: 1px solid #ddd; }

.mobile-banner-height {
  height: 727px; }

.mobile-banner-container {
  left: 10%;
  width: 30%; }
  .mobile-banner-container h2 {
    color: #000; }
  .mobile-banner-container p {
    color: #000;
    text-shadow: none; }
  .mobile-banner-container .banner-bullets ul li {
    color: #000;
    text-shadow: none;
    background: url(../jpg/arrow-check.jpg) left 8px no-repeat;
    padding: 2px 0 10px 25px;
    margin: 0 0 10px 
 0; }

.mobile-portfolio-img .bx-default-pager {
  text-align: center !important; }
  .mobile-portfolio-img .bx-default-pager a:active {
    background: #e0e0e0 !important; }

.mobile-portfolio-img .bx-pager.bx-default-pager a.active {
  background: #eaeaea !important; }

.mob-banner-new {
  background: url("../404.html") no-repeat center top;
  background-size: cover; }

.our-solutions {
  padding: 40px 0px;
  border-bottom: solid 1px #dedede;
  background: #f2f2f2; }

.mobsolutions {
  width: 100%;
  margin-right: auto;
  text-align: justify;
  padding-left: 15px;
  margin-left: auto; }

.our-solutionsmain {
  float: left;
  width: 100%; }

.our-solutionsmain .list-menu li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d6d6d6;
  font-size: 15px;
  padding: 5px 0 5px 3px;
  background-position: -1319px -8px;
  position: relative;
  font-weight: 400; }

.moblinks {
  margin-top: 20px; }

#middle {
  margin-left: -15px;
  margin-right: -15px; }
  #middle:before, #middle:after {
    content: " ";
    display: table; }
  #middle:after {
    clear: both; }
  #middle #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1000; }
    @media (min-width: 992px) {
      #middle #left {
        float: left;
        width: 25%; } }
  #middle #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      #middle #right {
        float: left;
        width: 75%; } }

#middle.middle-sm {
  margin-left: -15px;
  margin-right: -15px; }
  #middle.middle-sm:before, #middle.middle-sm:after {
    content: " ";
    display: table; }
  #middle.middle-sm:after {
    clear: both; }
  #middle.middle-sm #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1000; }
    @media (min-width: 992px) {
      #middle.middle-sm #left {
        float: left;
        width: 33.33333%; } }
  #middle.middle-sm #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      #middle.middle-sm #right {
        float: left;
        width: 66.66667%; } }

#middle.middle-md {
  margin-left: -15px;
  margin-right: -15px; }
  #middle.middle-md:before, #middle.middle-md:after {
    content: " ";
    display: table; }
  #middle.middle-md:after {
    clear: both; }
  #middle.middle-md #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    z-index: 1000; }
    @media (min-width: 992px) {
      #middle.middle-md #left {
        float: left;
        width: 41.66667%; } }
  #middle.middle-md #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      #middle.middle-md #right {
        float: left;
        width: 58.33333%; } }

.my-row {
  margin-left: -15px;
  margin-right: -15px; }
  .my-row:before, .my-row:after {
    content: " ";
    display: table; }
  .my-row:after {
    clear: both; }

.ab-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  padding-top: 15px; }
  @media (min-width: 992px) {
    .ab-left {
      float: left;
      width: 58.33333%; } }

.ab-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
  padding-top: 15px; }
  @media (min-width: 992px) {
    .ab-right {
      float: left;
      width: 41.66667%; } }

.bullet {
  width: 100%;
  float: left; }
  .bullet li {
    background: url(../jpg/arrow-check.jpg) left 10px no-repeat;
    padding: 5px 0 5px 30px; }

.bullet2 {
  float: left;
  padding-left: 30px; }
  .bullet2 li {
    background: url(../png/bullet.png) left 8px no-repeat;
    padding: 5px 0 5px 25px;
    clear: both; }

.bullet3 {
  float: left;
  margin-top: -5px; }
  .bullet3 li {
    background: url(../png/bul_03.png) left 13px no-repeat;
    padding: 5px 0 5px 24px;
    clear: both; }

.bullet4 {
  float: left;
  margin-top: -5px; }
  .bullet4 li {
    background: url(../jpg/bul-02.jpg) left 9px no-repeat;
    padding: 5px 0 5px 25px;
    clear: both; }

.bullet5 {
  float: left;
  margin-top: -5px; }
  .bullet5 li {
    background: url(../png/bul-04.png) left 9px no-repeat;
    padding: 5px 0 5px 20px;
    clear: both; }

.bullet6 {
  display: block;
  clear: both; }

.bullet6 > li {
  margin-bottom: 19px;
  display: block;
  clear: both;
  overflow: hidden; }

.bullet6 h4 {
  background: url(../jpg/arrow-check.jpg) left 8px no-repeat;
  padding: 2px 0 10px 28px;
  margin: 0 0 10px 0;
  font-weight: 600;
  border-bottom: 1px solid #E2E2E2; }

.bullet6 .listcontent {
  padding-left: 28px;
  display: block;
  clear: both;
  overflow: hidden; }

.bullet6 .listcontent .heading08 {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 2px;
  margin-top: 10px; }

.bullet6 .listcontent a {
  font-weight: 600; }

.list-check {
  margin-bottom: 12px; }

.list-check div + div {
  margin-top: 20px; }

.list-checkul {
  list-style-type: none;
  clear: both;
  margin: 0px;
  padding: 0px; }

.list-check ul li {
  background: url(../jpg/arrow-check.jpg) left 8px no-repeat;
  padding: 2px 0 10px 25px;
  margin: 0 0 10px 
  0;
  border-bottom: 1px solid #E2E2E2; }

.list-check ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px; }

.call-to-action {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  /*background:#f1f1f1;
	border-top:1px solid #dbdbdb;
	padding:15px;*/
  font-weight: 700;
  padding: 0px; }
  .call-to-action a {
    text-decoration: none; }
    .call-to-action a:hover {
      text-decoration: none; }

.f18 {
  font-size: 18px; }

.blue {
  color: #1564af; }

.m-left {
  padding-left: 00px !important; }

.modalPopUp {
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 10000000;
  opacity: 0.5;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  min-height: 100%;
  width: 100%; }

.loading {
  font-family: Arial;
  font-size: 12pt;
  border: 5px solid #156aaa;
  padding: 10px 20px;
  width: 200px;
  height: auto;
  display: none;
  position: fixed;
  background-color: White;
  z-index: 100000000;
  text-align: center;
  left: 0%;
  top: 0px; }

#fixees {
  right: 0px;
  position: relative;
  top: 0px; }

.brder {
  border-top: 1px solid #dbdbdb; }

.small-links ul {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.small-links ul li {
  display: block;
  clear: both;
  overflow: hidden; }

.small-links ul li a {
  display: block;
  padding: 6px 6px; }

.small-links ul li a:hover {
  color: #000;
  text-decoration: none !important; }

.bottom-slider {
  flaot: left;
  margin: 00px 30px 0; }
  .bottom-slider .bx-wrapper {
    position: relative;
    margin: 10px auto 0px;
    float: left;
    width: 100%;
    padding: 0;
    *zoom: 1;
    max-width: 100% !important; }
    .bottom-slider .bx-wrapper img {
      max-width: 100%;
      display: block; }
    .bottom-slider .bx-wrapper .bx-viewport {
      -webkit-transform: translatez(0);
      -moz-transform: translatez(0);
      -ms-transform: translatez(0);
      -o-transform: translatez(0);
      transform: translatez(0); }
    .bottom-slider .bx-wrapper .bx-pager, .bottom-slider .bx-wrapper .bx-wrapper .bx-controls-auto {
      position: absolute;
      bottom: -30px;
      width: 100%;
      display: none; }
    .bottom-slider .bx-wrapper .bx-loading {
      min-height: 50px;
      background: url(../gif/bx-loader.gif) center center no-repeat #fff;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2000; }
    .bottom-slider .bx-wrapper .bx-pager {
      text-align: center;
      font-size: .85em;
      font-family: Arial;
      font-weight: bold;
      color: #666;
      padding-top: 20px; }
      .bottom-slider .bx-wrapper .bx-pager .bx-pager-item, .bottom-slider .bx-wrapper .bx-pager .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        *zoom: 1;
        *display: inline; }
      .bottom-slider .bx-wrapper .bx-pager .bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px; }
      .bottom-slider .bx-wrapper .bx-pager .bx-default-pager a:hover, .bottom-slider .bx-wrapper .bx-pager .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #000; }
    .bottom-slider .bx-wrapper .bx-prev {
      left: -30px;
      background: url(../png/all-icon.png) no-repeat -1288px -5px;
      display: block;
      height: 40px;
      margin-top: -32px; }
    .bottom-slider .bx-wrapper .bx-next {
      right: -30px;
      background: url(../png/all-icon.png) no-repeat -1288px -45px;
      display: block;
      height: 40px;
      margin-top: -32px; }
    .bottom-slider .bx-wrapper .bx-wrapper .bx-controls-direction a {
      position: absolute;
      top: 50%;
      margin-top: -32px;
      outline: 0;
      width: 24px;
      height: 40px;
      text-indent: -9999px;
      z-index: 9999; }
    .bottom-slider .bx-wrapper .bx-controls-direction a.disabled {
      display: none; }
  .bottom-slider li {
    margin-left: 5px !important;
    margin-right: 5px !important; }

.bt-pad {
  margin-top: -40px;
  position: relative;
  z-index: 10000; }

.mi-mar {
  margin-top: -20px; }

.cloud-boxer {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .cloud-boxer {
      float: left;
      width: 50%; } }
  .cloud-boxer .service-cloud {
    width: 100%;
    float: left;
    font-family: 'Oswald', sans-serif;
    line-height: 30px;
    padding: 12px 0 0px 0;
    margin: -0px 0 0 -0px; }

.icon-big {
  font-size: 54px; }

.breadcrumb > li + li::before {
  color: #ccc;
  content: " ";
  padding: 0 5px; }

.breadcrumb > li {
  color: #ccc; }

.breadcrumb {
  margin-top: 15px !important; }

.graybg-solut {
  background-color: #f7f6f6;
  border: 1px solid #eeeeee;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0px;
  min-height: 20px;
  padding: 0 19px 19px;
  float: left;
  margin: 0px;
  width: 100%;
  margin-top: 12px;
  position: relative; }

.graybg-solut p {
  margin-top: 20px;
  margin-bottom: 0px; }

.graybg-solut h3 {
  color: #1e1e1f;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: -10px;
  margin-top: 25px; }

.colla {
  background: #f1f1f1;
  color: #000;
  width: 100%;
  text-align: left;
  border-radius: 3px;
  float: left;
  padding: 8px 14px;
  border: 0 solid rgba(0, 0, 0, 0.3);
  line-height: 20px;
  outline: none;
  font-weight: 600;
  font-size: 16px;
  margin-top: 10px; }

.colla i {
  float: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  padding-top: 10px; }

.colla-pad2 i, .colla-pad i {
  float: right;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  padding-top: 0; }

.colla span {
  width: 90%;
  float: left; }

.colla:hover {
  outline: none;
  background: #f2f9ff;
  color: #1564af;
  text-decoration: none; }

.colla-active, .collafocus {
  background: #f2f9ff;
  color: #1564af !important;
  font-weight: 700; }

.collapsed.colla-active {
  background: #ececec;
  color: #5f5f5f !important;
  font-weight: 700; }

.colla-pad {
  padding-top: 12px;
  padding-bottom: 12px; }

.colla-pad3 {
  padding-top: 7px; }

.colla-pad3 i {
  padding-top: 10px; }

.colla-titile {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding: 0; }

.arrow1 {
  width: auto;
  float: left;
  position: absolute;
  left: 60px;
  top: -24px; }

.arrow2s {
  width: auto;
  float: left;
  position: absolute;
  left: 58%;
  top: -24px; }

.arrow3 {
  width: auto;
  float: left;
  position: absolute;
  right: 140px;
  top: -11px; }

.arrow3s {
  width: auto;
  float: left;
  position: absolute;
  left: 65%;
  top: -11px; }

.colla-pad2 {
  padding-top: 20px; }

.sercolla-wrp {
  display: table; }

.ser-colla {
  height: 58px;
  padding: 0 15px;
  position: relative; }

.ser-colla span {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.ser-colla i {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 15px 0 0 0;
  border: 1px solid #ccc; }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: auto;
  left: 0;
  top: 0; }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left; }

.rslides img {
  display: block;
  height: auto;
  float: none;
  max-width: 100%;
  border: 0; }

.calltoaction {
  background: #e5f3ff;
  border-radius: 0;
  max-width: 100%;
  padding: 10px 15px;
  width: 100%;
  font-weight: 600;
  line-height: 25px; }

.team-boxs {
  width: 100%;
  float: left;
  border: 1px solid #e1e1e1;
  border-top: none;
  margin-top: 10px; }

.team-boxs ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.team-boxs ul li {
  width: 100%;
  float: left;
  border-top: 1px solid #e1e1e1;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0; }

.team-boxs ul li p {
  padding: 10px 15px;
  float: left; }

.team-boxs ul li p strong {
  color: #1564af; }

.team-boxs ul li:nth-child(even) {
  background: #f8f8f8; }

.faq-box {
  background: #f8f8f8;
  padding: 15px;
  margin: 10px 0 15px; }

.faq-box h3 {
  display: block;
  color: #454545;
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0px;
  padding: 0px; }

.faq-box p {
  display: block;
  padding: 10px 0 0 0; }

.faq-box .blue-text {
  font-size: 13px; }

.case_small_book {
  width: auto;
  float: left;
  position: absolute;
  top: -20px;
  left: 21px; }

.case_text_in_mn {
  max-width: 100%;
  width: 100%;
  float: left;
  border: 1px solid #d3d3d3;
  background: #f3f3f3;
  border-radius: 5px;
  position: relative;
  min-height: 103px;
  margin-top: 40px;
  margin-bottom: 50px; }

.case_sublink {
  width: 112px;
  height: 46px;
  float: left;
  position: absolute;
  right: -9px;
  top: 30%;
  background: url(../png/sublink_bg.png) no-repeat left top;
  text-align: center;
  line-height: 36px; }

.case_sublink a {
  color: #fff;
  text-decoration: none;
  font-size: 16px; }

.case_text_in {
  padding-left: 155px;
  margin-right: 103px;
  padding-top: 13px;
  padding-bottom: 13px; }

.case_text_in p {
  margin-bottom: 0px; }

.case_small_book h3 {
  font-size: 22px;
  display: none;
  color: #010101;
  font-weight: 700; }

.case_small_book img {
  display: inline-block; }

.cookie-notice-container {
  display: inline-block;
  /*z-index: 99999;*/
  z-index: 9990;
  max-width: 100%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  position: fixed;
  color: #fff;
  background-color: rgba(7, 47, 88, 0.9);
  padding: 10px 20px;
  bottom: 0px; }

.cn-notice-text {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  text-align: center; }

.cn-notice-text a {
  color: #fff;
  text-decoration: none; }

.cn-set-cookie {
  display: inline-block;
  padding: 6px 19px;
  margin-right: 20px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-decoration: none !important;
  background-color: #4bc261;
  padding: 6px 19px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 3px;
  font-size: 15px;
  margin-left: 40px;
  border-radius: 2px;
  float: right; }

.cn-set-cookie:hover {
  color: #000;
  text-decoration: none;
  background: #fdb226; }

.icon-close {
  display: inline-block;
  float: right;
  padding: 5px 12px 7px 12px;
  position: relative;
  top: 0px;
  background: #0b2a4a;
  border-radius: 20px; }

.ld-formstyle .heading04 {
  font-size: 24px;
  display: block;
  text-align: left;
  margin-bottom: 10px; }

.ld-formstyle .my-btn {
  font-size: 16px;
  line-height: 24px; }

.ld-formstyle .ld-form-title {
  color: #1564af;
  font-size: 21px;
  font-weight: 600; }

.ld-formstyle .ld-text-title {
  text-align: left;
  font-size: 15px; }

.asse-box {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e5e9e9;
  margin-bottom: 25px; }

.asse-box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

.asse-box ul li {
  width: 100%;
  float: left;
  padding: 10px 2.5%;
  border: 1px solid #e5e9e9;
  border-bottom: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.asse-icon {
  width: 10%;
  float: left; }

.asse-text {
  width: 90%;
  float: left;
  padding: 15px 0 0 0; }

.solution-box {
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 1px solid #d4d4d4;
  padding: 30px 0; }

.solution-box.noborder {
  border-bottom: 0px;
  padding-bottom: 0px; }

.solution-box-detaiils {
  padding-left: 80px;
  float: left; }

.point-box-title {
  color: #404040;
  float: left;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 0;
  width: 100%; }

.solution-box-detaiils p {
  margin: 0px;
  padding: 0px;
  width: 100%;
  float: left; }

.bi-sprite {
  display: inline-block;
  background: url("../png/sol-sprite.png") no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left;
  position: absolute;
  left: 0px;
  top: 30px; }

.bi-icon-1 {
  background-position: -5px -0px;
  width: 67px;
  height: 67px; }

.bi-icon-10 {
  background-position: -77px -0px;
  width: 67px;
  height: 67px; }

.bi-icon-2 {
  background-position: -149px -0px;
  width: 67px;
  height: 67px; }

.bi-icon-3 {
  background-position: -5px -72px;
  width: 67px;
  height: 67px; }

.bi-icon-4 {
  background-position: -77px -72px;
  width: 67px;
  height: 67px; }

.bi-icon-5 {
  background-position: -149px -72px;
  width: 67px;
  height: 67px; }

.bi-icon-6 {
  background-position: -5px -144px;
  width: 67px;
  height: 67px; }

.bi-icon-7 {
  background-position: -77px -144px;
  width: 67px;
  height: 67px; }

.bi-icon-8 {
  background-position: -149px -144px;
  width: 67px;
  height: 67px; }

.bi-icon-9 {
  background-position: -5px -216px;
  width: 67px;
  height: 67px; }

.biacc .panel-title {
  padding-right: 0px;
  position: relative; }

.biacc .panel-title span {
  position: absolute;
  right: 15px;
  top: 12px; }

.biacc .panel-default > .panel-heading {
  padding: 0px !important; }

.biacc .panel-default > .panel-heading a.collapsed, .biacc .panel-default > .panel-heading a {
  padding: 10px 48px 10px 10px; }

.biacc .panel-default > .panel-heading a.collapsed {
  color: #333 !important;
  background-color: #f5f5f5 !important;
  border-color: #ddd; }

.biacc .panel-default > .panel-heading a.collapsed .glyphicon-chevron-up {
  display: none; }

.biacc .panel-default > .panel-heading a.collapsed .glyphicon-chevron-down {
  display: inline-block; }

.biacc .panel-default > .panel-heading a .glyphicon-chevron-up {
  display: inline-block; }

.biacc .panel-default > .panel-heading a .glyphicon-chevron-down {
  display: none; }

.biacc .panel-default > .panel-heading a {
  background: #428bca !important;
  color: #fff !important; }

.right-box {
  width: 100%;
  float: left; }

.right-box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

.right-box ul li {
  width: 100%;
  float: left;
  background-color: #f5f5f5;
  margin: 7px 0 0 0;
  border-radius: 5px;
  padding: 5px 10px 5px 55px;
  font-size: 13px;
  min-height: 45px;
  line-height: 18px; }

.right-box ul li a {
  color: #1564af;
  font-size: 18px;
  text-decoration: none; }

.right-box ul li a:hover {
  color: #666666; }

.icon1 {
  background: url(../png/cloud-icon1.png) no-repeat 10px center; }

.icon2 {
  background: url(../png/cloud-icon2.png) no-repeat 10px center; }

.icon3 {
  background: url(../png/cloud-icon3.png) no-repeat 10px center; }

.icon4 {
  background: url(../png/cloud-icon4.png) no-repeat 10px center;
  color: #1564af !important;
  font-size: 18px !important;
  padding-top: 15px !important; }

.icon5 {
  background: url(../404.html) no-repeat 10px center; }

.firstbox {
  border-bottom: solid 4px #f5f5f5; }

.header_bottom {
  width: 100%;
  float: left;
  background: #1564af;
  margin: 1px 0 0 0; }

.banner_thumb {
  padding: 15px;
  border-right: 1px solid #1b73c2;
  font-size: 14px; }

.banner_thumb_img {
  width: auto;
  float: left;
  padding-right: 30px; }

.banner_thumb a {
  color: #fff;
  text-decoration: none; }

.banner_thumb p {
  color: #fff;
  font-weight: bold;
  float: left;
  margin: 0;
  padding: 0;
  padding: 10px 0 0 0; }

.html5-tab {
  font-family: Calibri;
  font-size: 18px;
  color: #3b3622;
  background: url(../jpg/html5-tab-bg.jpg) repeat-y left top #f6f6f6;
  float: left;
  height: auto;
  width: 100%;
  margin-top: 10px;
  border-radius: 5px; }

.html5-tab-text {
  font-family: Calibri;
  font-size: 18px;
  color: #3b3622;
  padding: 10px 0 10px 8px;
  text-decoration: none;
  float: left;
  width: 80%; }

.html5-plus-sign {
  width: 45px;
  text-align: center;
  padding: 8px 0;
  color: #fff;
  font-size: 18px;
  font-family: Calibri;
  float: left;
  height: 100%; }

.html5-tab-text a:hover {
  color: #e0612b; }

.html5-middle-top {
  margin-top: 30px; }

.greenbox-wrp {
  padding-left: 15px; }

.greenbox {
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
  height: 95px;
  background: #3b3622;
  cursor: pointer;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 24px;
  padding: 39px 0;
  margin-bottom: 6px; }

.greenbox:hover {
  background: -webkit-gradient(50% 15%, circle, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.6) 530px);
  background: -moz-radial-gradient(50% 15%, circle, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0.5) 530px);
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  background-color: #3b3622; }

/*---- HTML 5 TAB ---*/
.linear {
  background: -webkit-gradient(linear, left bottom, left top, from(#eee), color-stop(0.25, #fff), to(#eee), color-stop(0.75, #fff)); }

.shadow {
  -moz-box-shadow: 3px 3px 10px #666666;
  -webkit-box-shadow: 3px 3px 10px #666666;
  box-shadow: 3px 3px 10px #666666; }

.center {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -moz-box-orient: vertical;
  -moz-box-pack: center;
  -moz-box-align: center;
  box-orient: vertical;
  box-pack: center;
  box-align: center; }

#thumbnails {
  margin: 10px; }

.thumbnail {
  float: left;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.thumbnail:hover {
  -webkit-transform: rotateZ(360deg) scale(1.5);
  -moz-transform: rotateZ(360deg) scale(1.5);
  -o-transform: rotateZ(360deg) scale(1.5);
  -ms-transform: rotate(360deg) scale(1.5);
  transform: rotateZ(360deg) scale(1.5); }

.thumbnail .image {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #fff; }

.thumbnail .title {
  margin-bottom: 5px;
  font-family: Lobster, Helvetica, sans-serif;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100px;
  margin: 5px auto; }

.thumbnail img {
  border: 1px solid #ccc;
  height: 100px; }

.thumbnail .details {
  font-family: Molengo, Helvetica, sans-serif;
  font-size: 10pt; }

#totalFileSize {
  font-family: Molengo, Helvetica, sans-serif;
  text-align: center;
  margin: 10px 0 0px 0; }

#drop_it_like_its_hot {
  height: 250px;
  width: 100%;
  border-radius: 10px;
  border: 2px dashed #ccc;
  color: #336699;
  font-family: 'Josefin Sans Std Light', Helvetica, sans-serif;
  text-align: center;
  margin-left: 0;
  margin-top: 0px;
  margin-right: auto; }

#drop_it_like_its_hot.rounded {
  -webkit-box-shadow: inset 0px 0px 50px #777;
  -moz-box-shadow: inset 0px 0px 50px #777;
  box-shadow: inset 0px 0px 50px #777; }

.responsive-tabs output {
  color: #000; }

/******video css*****/
aside {
  position: absolute;
  top: 520px;
  left: 275px;
  font-family: sans-serif;
  color: #555; }

#letter {
  position: absolute;
  left: -9001px;
  font-family: monospace;
  line-height: 1em; }

canvas {
  position: absolute; }

.fadey #top {
  -webkit-mask-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(transparent), color-stop(0.2, transparent), to(white)); }

.fadey #right {
  -webkit-mask-image: -webkit-gradient(linear, 100% 100%, 0% 100%, from(white), color-stop(0.8, transparent), to(transparent)); }

.fadey #bottom {
  -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.2, transparent), to(white)); }

.fadey #left {
  -webkit-mask-image: -webkit-gradient(linear, 0% 100%, 100% 100%, from(white), color-stop(0.8, transparent), to(transparent)); }

/*
#cube { position: absolute; width: 0; height: 0; top: 750px; left: 500px;}
.face {position: absolute;erflow: hidden;top: -277px;left: -83px;margin-left: 100px;}
.face:not(#back) { pointer-events: none; }*/
fieldset {
  border: 0;
  height: 20px;
  display: block;
  line-height: 14px;
  padding: 4px; }

.no3d #persp {
  display: none; }

#hey {
  opacity: 0;
  position: absolute;
  top: 560px;
  left: 450px;
  width: 360px;
  text-align: center;
  font-size: 16px;
  -moz-transition: opacity 0.6s ease-out;
  -o-transition: opacity 0.6s ease-out;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out; }

.unplayed #hey {
  opacity: 1; }

/****editable*****/
#scribble-pad {
  margin-left: auto;
  margin-right: auto;
  height: 350px;
  width: 100%;
  background-image: url(../png/editable-page.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin-top: 0px;
  float: left; }

#scribble-pad pre {
  height: 350px;
  overflow: hidden;
  background: none !important;
  border: none !important; }

#scribble {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  max-width: 100%;
  padding: 24px 25px 100px 90px;
  color: #646464;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  line-height: 25px;
  max-height: 300px; }

#video-player {
  width: 100%; }

#playlist, audio {
  width: 100%;
  padding: 0px; }

.act-pl a {
  color: #f3642a;
  text-decoration: none; }

#playlist {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

#playlist li {
  background: #333;
  padding: 5px;
  display: block;
  border-bottom: 1px solid #252525;
  padding: 12px 15px 10px;
  font-size: 14px; }

#playlist li a {
  color: #fff; }

#playlist li.act-pl a {
  color: #f3642a; }

#playlist li a:hover {
  text-decoration: none;
  color: #f3642a;
  outline: none; }

.board {
  float: left;
  height: 340px;
  width: 460px;
  margin-left: 12px;
  background-image: url(../png/bl_board.png);
  background-repeat: no-repeat;
  float: left; }

.cursor {
  float: left;
  height: 290px;
  width: 350px;
  cursor: url(../png/pencil.png), auto;
  margin-left: 10px; }

.responsive-tabs__heading {
  display: none; }

.responsive-tabs__list__item {
  display: inline;
  cursor: pointer; }

.tab-container {
  background-color: #fbfaf7;
  clear: left;
  float: left;
  width: 100%;
  border: 1px solid #d7ceb2;
  border-top: 1px solid #eee9da; }

.tab-content {
  padding: 15px; }

.ex-pad {
  padding-bottom: 15px; }

@media (min-width: 1023px) {
  .responsive-tabs__panel--closed-accordion-only {
    display: block !important; } }

.responsive-tabs-wrapper {
  clear: both;
  zoom: 1; }

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
  content: "";
  display: table; }

.responsive-tabs-wrapper:after {
  clear: both; }

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {
  outline: none; }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus {
  outline: none !important; }

.responsive-tabs__list {
  font-size: 1.2em;
  margin: 2em 0 0 0;
  padding: 0;
  padding-bottom: 11px; }

.responsive-tabs__list__item {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  color: #fff;
  background: url(../jpg/2.jpg) repeat-x left top #857c5f;
  margin-right: 2px;
  border: 1px solid #dedad1 !important;
  border-bottom: none !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.responsive-tabs__list__item:hover {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  color: #fff;
  background: url(../jpg/2.jpg) repeat-x left top #857c5f;
  margin-right: 2px;
  border: 1px solid #dedad1 !important;
  border-bottom: none !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.responsive-tabs__list__item--active,
.responsive-tabs__list__item--active:hover {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  padding: 5px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  color: #47402a !important;
  background: url(../jpg/1.jpg) repeat-x left top #fcfcfa !important;
  margin-right: 2px;
  border: 1px solid #aeaa9c !important;
  border-bottom: none !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.responsive-tabs__panel {
  margin-bottom: 5px; }

#drop_zone {
  width: 100%;
  float: left;
  border: 2px dashed #ccc;
  text-align: center;
  border: 2px dashed #ccc;
  border-radius: 10px;
  color: #336699;
  font-family: Calibri;
  font-size: 18px;
  padding: 100px 0;
  font-weight: bold;
  color: #f16529;
  margin-bottom: 15px; }

#drop_zone span {
  color: #49442f; }

@media (max-width: 1022px) {
  .responsive-tabs__list {
    display: none; }
  .responsive-tabs__heading {
    display: block;
    cursor: pointer; }
  .responsive-tabs__panel--closed-accordion-only {
    display: none; }
  .responsive-tabs__heading {
    margin: 0px;
    padding: 10px 15px;
    background: url(../png/arrow-tab.png) no-repeat right center #5c543c;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    font-family: Calibri;
    border-radius: 3px;
    margin: 5px 0 0px;
    float: left;
    width: 100%; }
  .responsive-tabs__heading:hover {
    background: url(../png/arrow-tab.png) no-repeat right center #f16529; }
  .responsive-tabs__heading--active, .responsive-tabs__heading--active:hover {
    background: url(../png/arrow2-tab.png) no-repeat right center #f16529;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
  .responsive-tabs__heading--active:after {
    border-bottom: 10px solid #000;
    border-top: 0; }
  .hide-tab {
    display: none !important;
    visibility: hidden !important; } }

@media (max-width: 480px) {
  #scribble-pad {
    margin-left: auto;
    margin-right: auto;
    height: 350px;
    width: 100%;
    background-image: url(../png/editable-page.png);
    background-repeat: no-repeat;
    overflow: hidden;
    margin-top: 0px;
    float: left; } }

/*---- HTML 5 TAB END ---*/
.awards-box {
  border: 1px solid #cae0e7; }

.awards-title {
  background: #17313b;
  color: #fff;
  text-align: center;
  padding: 12px 10px 12px; }

.awards-box .client-rev-list {
  padding: 0px 10px 15px; }

.awards-box .client-rev-list div {
  padding-top: 12px;
  padding-bottom: 4px; }

@media (min-width: 768px) and (max-width: 992px) {
  .awards-box .client-rev-list {
    padding: 0px 10px 0px; }
  .awards-box .client-rev-list div {
    padding-top: 9px;
    padding-bottom: 2px; } }

@media (min-width: 1024px) and (max-width: 1100px) {
  .awards-box .client-rev-list {
    padding: 0px 10px 0px; }
  .awards-box .client-rev-list div {
    padding-top: 9px;
    padding-bottom: 2px; } }

@media (min-width: 1350px) and (max-width: 1400px) {
  .awards-box .client-rev-list {
    padding: 10px 10px 13px; } }

@media (max-width: 1199px) {
  .landing-technologies img {
    margin: 10px 40px 10px 0; }
  .contact-bg a {
    border: 0px solid #a2a2a2; } }

@media (min-width: 1358px) {
  .cookie-notice-container {
    max-width: 1310px; } }

@media (min-width: 1400px) {
  .cookie-notice-container {
    max-width: 1350px; } }

@media (max-width: 1023px) {
  .landing-technologies img {
    margin: 0px 10px 10px; } }

@media (max-width: 640px) {
  .case_small_book {
    width: 100%;
    float: left;
    position: inherit;
    top: 0;
    left: 0;
    text-align: left;
    padding-top: 15px; }
  .case_text_in_mn h3 {
    padding-left: 10px;
    display: block; }
  .case_small_book img {
    display: none; }
  .case_sublink {
    width: 112px;
    height: 46px;
    float: right;
    position: inherit;
    right: 0;
    top: 0;
    background: url(../png/sublink_bg.png) no-repeat left top;
    text-align: center;
    line-height: 36px;
    margin-top: 0;
    margin-right: -8px;
    margin-bottom: 10px; }
  .case_text_in {
    padding-left: 10px;
    margin-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    clear: both; }
  .case_text_in_mn {
    margin-top: 50px;
    margin-bottom: 10px; }
  .greenbox {
    font-size: 14px;
    height: auto;
    width: 95%;
    padding: 20px 5%; }
  .cn-notice-text {
    line-height: 18px;
    margin-bottom: 4px; }
  .cn-set-cookie {
    margin-left: 0px;
    padding: 1px 9px;
    font-size: 11px; }
  .footer-social .social-title {
    padding: 2px 3px 0 0; }
  .footer-social {
    margin-right: 0px; }
  .copyright {
    padding: 15px 0 7px !important; }
  .copyright p {
    margin-top: 9px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .cto-image {
    position: absolute;
    left: -109px;
    top: -87px; }
  .greenbox {
    font-size: 21px; } }

@media (max-width: 400px) {
  .footer-social .social-title {
    float: none; } }

@media (min-width: 400px) and (max-width: 992px) {
  .bt-pad.topbtn40 {
    margin-top: -43px; } }

@media (min-width: 1024px) and (max-width: 1169px) {
  .cto-image img {
    width: 190px; } }

@media (max-width: 1169px) {
  .html5-middle-top {
    margin-top: 0px; }
  .container {
    width: 100%; }
  .free-assessment {
    position: fixed;
    left: 100%;
    margin-left: -305px;
    margin-top: 0;
    top: auto !important;
    bottom: 0px !important;
    width: 100%;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }
    .free-assessment .backendlink a {
      border-radius: 6px 6px 0px 0px; }
  .heading13 {
    padding: 10px 0px 0 0;
    font-size: 20px; }
  .colla-pad2 {
    padding: 8px 10px; }
  .arrow1 {
    left: 60px;
    top: -11px; }
  .arrow2s {
    left: 60px;
    top: -11px; }
  .arrow2 {
    width: auto;
    float: left;
    position: absolute;
    left: 49%;
    top: 70px; }
  .arrow3 {
    width: auto;
    float: left;
    position: absolute;
    right: 110px;
    top: 75px; }
  .colla {
    line-height: 21px;
    font-size: 14px; }
  .colla span {
    width: 90%;
    float: left; }
  .asse-icon {
    width: 15%;
    float: left; }
  .asse-text {
    width: 85%;
    float: left;
    padding: 15px 0 0 0; } }

@media (max-width: 750px) {
  #live_chat_status {
    width: 63px !important;
    bottom: 30px !important;
    left: inherit !important;
    top: inherit !important; } }

@media (min-width: 1300px) {
  .btn-right-set {
    margin-right: -100px; } }

@media (min-width: 992px) {
  .container {
    width: inherit; } }

@media (max-width: 1023px) {
  .list-check ul li:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2; }
  .bottom-slider .bx-prev2 {
    display: inherit !important; }
  .bottom-slider .bx-next2 {
    display: inherit !important; }
  .colla {
    min-height: 10px; }
  .colla-pad {
    padding: 8px 10px; }
  .arrow1, .arrow2s, .arrow3 {
    display: none; }
  .colla i {
    padding-top: 0; } }

@media (max-width: 980px) {
  #middle #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle #left {
      float: left;
      width: 33.33333%; } }

@media (max-width: 980px) {
  #middle #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle #right {
      float: left;
      width: 66.66667%; } }

@media (max-width: 980px) {
  #middle.middle-sm #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle.middle-sm #left {
      float: left;
      width: 33.33333%; } }

@media (max-width: 980px) {
  #middle.middle-sm #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle.middle-sm #right {
      float: left;
      width: 66.66667%; } }

@media (max-width: 980px) {
  #middle.middle-md #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle.middle-md #left {
      float: left;
      width: 41.66667%; } }

@media (max-width: 980px) {
  #middle.middle-md #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    #middle.middle-md #right {
      float: left;
      width: 58.33333%; } }

@media (max-width: 980px) {
  .ab-left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    .ab-left {
      float: left;
      width: 100%; } }

@media (max-width: 980px) {
  .ab-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    .ab-right {
      float: left;
      width: 100%; } }

@media (max-width: 980px) {
  .bt-pad {
    margin-top: 10px; }
  .resp-services {
    margin-bottom: 20px;
    border: none; }
  .resp-half {
    padding: 0px !important;
    margin: 0px !important; } }

@media (max-width: 767px) {
  .inner-banner-container h3.big {
    font-size: 22px; }
  #toggle-slide {
    margin-top: 15px !important; }
  .sm-left {
    float: left; }
  #middle #left {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  #middle #right {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  #middle.middle-sm #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    #middle.middle-sm #left {
      float: left;
      width: 100%; } }

@media (max-width: 767px) {
  #middle.middle-sm #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    #middle.middle-sm #right {
      float: left;
      width: 100%; } }

@media (max-width: 767px) {
  #middle.middle-md #left {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    #middle.middle-md #left {
      float: left;
      width: 100%; } }

@media (max-width: 767px) {
  #middle.middle-md #right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 767px) and (min-width: 768px) {
    #middle.middle-md #right {
      float: left;
      width: 100%; } }

@media (max-width: 767px) {
  .breadcrumb {
    margin-top: 10px;
    display: none; }
  .ab-left {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .ab-right {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .middle-link {
    display: none; }
  .heading05.topsp {
    margin-top: 0px; }
  .asse-icon {
    width: 10%;
    float: left; }
  .asse-text {
    width: 80%;
    float: left;
    padding: 15px 0 0 0; }
  .rightfixlink .sociallink {
    font-size: 13px;
    right: -45px;
    background: #bce900;
    padding: 6px 10px 6px 10px; } }

@media (max-width: 1024px) {
  .graybg-solut {
    margin: 0 15px;
    width: auto; }
  .cookie-notice-container {
    padding: 8px 6px;
    border-radius: 0px;
    width: 100%; }
  .cn-notice-text {
    display: inline-block;
    margin-left: 15px;
    margin-right: 20px;
    font-size: 11px; }
  .icon-close {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    padding: 5px 10px; } }

@media (max-width: 1281px) {
  .contact-bg {
    margin-left: 9px !important;
    padding: 6px 12px !important;
    border: 0px; }
  .contact-bg a {
    border: 0px solid #a2a2a2; } }

@media (max-width: 1199px) {
  .contact-bg {
    margin-left: 0px !important; } }

@media (max-width: 1024px) {
  .iti--allow-dropdown .form-control {
    width: 100% !important; }
  .contact-banner {
    padding-top: 0px !important; } }

@media (max-width: 460px) {
  .iti--allow-dropdown .form-control {
    width: 95% !important; } }

@media (min-width: 462px) {
  .iti.iti--allow-dropdown {
    width: 87% !important; } }

@media (min-width: 375px) {
  .iti.iti--allow-dropdown {
    width: 87% !important; } }

@media (min-width: 667px) {
  .iti.iti--allow-dropdown {
    width: 90.7% !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .iti.iti--allow-dropdown {
    width: 83% !important; }
  .contact-banner {
    padding-top: 0px !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .iti.iti--allow-dropdown {
    width: 87.5% !important; }
  .contact-banner {
    padding-top: 0px !important; } }

@media (min-width: 1200px) {
  .iti--allow-dropdown .form-control {
    width: 100% !important; }
  .iti.iti--allow-dropdown {
    width: 100% !important; } }

/* Portfolio
--------------------------*/
.portfolio_mn {
  width: 100%;
  float: left;
  margin-bottom: 30px; }
  .portfolio_mn .bx-wrapper {
    position: relative;
    margin: 0 auto 0px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y; }
    .portfolio_mn .bx-wrapper img {
      max-width: 100%;
      display: block; }
    .portfolio_mn .bx-wrapper .bx-loading {
      min-height: 50px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2000;
      height: 500px;
      background: url(../gif/bx-loader.gif) center center no-repeat; }
  .portfolio_mn .bxslider {
    margin: 0;
    padding: 0; }
  .portfolio_mn ul.bxslider {
    list-style: none; }
  .portfolio_mn .bx-viewport {
    -webkit-transform: translatez(0);
    left: 0px; }
  .portfolio_mn .bx-wrapper .bx-pager, .portfolio_mn .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -40px;
    width: 100%; }
  .portfolio_mn .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px; }
    .portfolio_mn .bx-wrapper .bx-pager.bx-default-pager a {
      background: #d8d8d8 none repeat scroll 0 0;
      border-radius: 50%;
      display: block;
      height: 16px;
      margin: 0 10px 0 0;
      overflow: hidden;
      text-indent: 9999px;
      width: 16px; }
      .portfolio_mn .bx-wrapper .bx-pager.bx-default-pager a:hover, .portfolio_mn .bx-wrapper .bx-pager.bx-default-pager a.active, .portfolio_mn .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #1564af; }
  .portfolio_mn .bx-wrapper .bx-pager-item, .portfolio_mn .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .portfolio_mn .bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0; }
  .portfolio_mn .bx-wrapper .bx-prev {
    left: 10px; }
    .portfolio_mn .bx-wrapper .bx-prev:hover, .portfolio_mn .bx-wrapper .bx-prev:focus {
      background-position: 0 0; }
  .portfolio_mn .bx-wrapper .bx-next {
    right: 10px; }
    .portfolio_mn .bx-wrapper .bx-next:hover, .portfolio_mn .bx-wrapper .bx-next:focus {
      background-position: -43px 0; }
  .portfolio_mn .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999; }
    .portfolio_mn .bx-wrapper .bx-controls-direction a.disabled {
      display: none; }
  .portfolio_mn .bx-wrapper .bx-controls-auto {
    text-align: center; }
    .portfolio_mn .bx-wrapper .bx-controls-auto .bx-start {
      display: block;
      text-indent: -9999px;
      width: 10px;
      height: 11px;
      outline: 0;
      margin: 0 3px; }
    .portfolio_mn .bx-wrapper .bx-controls-auto .bx-stop {
      display: block;
      text-indent: -9999px;
      width: 9px;
      height: 11px;
      outline: 0;
      margin: 0 3px; }

.left-link2 {
  width: 100%;
  float: left;
  position: relative;
  z-index: 10000; }
  .left-link2 a {
    display: block;
    padding: 10px 0px 10px 5px;
    background: #fff;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #1564af;
    text-decoration: none;
    margin-top: 2px; }
  .left-link2 a:hover {
    padding: 10px 8px;
    background: #ebebeb url(../png/arrow.png) right top no-repeat;
    color: #444444; }
  .left-link2 .selected {
    padding: 10px 10px;
    background: #ebebeb url(../png/arrow.png) right top no-repeat;
    color: #444444; }

.slider_box, .slide {
  width: 743px;
  float: left; }

.arrows {
  width: auto;
  float: left; }
  .arrows img {
    width: auto;
    float: left; }

.left_arrow {
  width: 48px;
  height: 500px;
  background: url(../jpg/arrow_bg.jpg) no-repeat right top;
  float: left; }
  .left_arrow img {
    float: left;
    margin: 190px 0 0 0; }

.right_arrow {
  width: 48px;
  height: 500px;
  background: url(../jpg/arrow_bg2.jpg) no-repeat left top;
  float: left; }
  .right_arrow img {
    float: right;
    margin: 190px 0 0 0; }

@media (max-width: 1200px) {
  .slider_box {
    width: 600px;
    float: left; } }

@media (max-width: 1169px) {
  .left-link2 a:hover {
    padding: 10px 10px;
    background: #ebebeb;
    color: #444444; }
  .left-link2 .selected {
    padding: 10px 10px;
    background: #ebebeb;
    color: #444444; }
  .portfolio_mn {
    margin-bottom: 30px; }
    .portfolio_mn .slider_box {
      width: 90%;
      float: left; }
    .portfolio_mn .slide {
      width: 100%; }
  .left_arrow {
    width: 5%;
    height: auto;
    background: none;
    float: left; }
    .left_arrow img {
      float: left;
      margin: 190px 0 0 0;
      max-width: 40px; }
  .right_arrow {
    width: 5%;
    height: auto;
    background: none;
    float: left; }
    .right_arrow img {
      float: right;
      margin: 190px 0 0 0;
      max-width: 40px; } }

@media (max-width: 1023px) {
  .portfolio_mn .bx-loading {
    height: auto; }
  .portfolio_mn .slider_box {
    width: 84%;
    float: left; }
  .portfolio_mn .slide {
    width: 100%; }
  .left_arrow {
    width: 8%;
    background: none;
    float: left; }
    .left_arrow img {
      float: left;
      margin: 100px 0 0 0;
      max-width: 40px; }
  .right_arrow {
    width: 8%;
    background: none;
    float: left; }
    .right_arrow img {
      float: right;
      margin: 100px 0 0 0;
      max-width: 40px; } }

@media (max-width: 768px) {
  .portfolio_mn {
    margin-bottom: 30px; }
    .portfolio_mn .bx-pager {
      display: inherit; } }

@media (max-width: 639px) {
  .portfolio_mn .slider_box {
    width: 80%;
    float: left; }
  .portfolio_mn .slide {
    width: 100%; }
  .left_arrow {
    width: 10%;
    background: none;
    float: left; }
    .left_arrow img {
      float: left;
      margin: 20px 5px 0 0;
      width: 25px; }
  .right_arrow {
    width: 10%;
    background: none;
    float: left; }
    .right_arrow img {
      float: right;
      margin: 20px 0 0 5px;
      width: 25px; } }

/* Portfolio Landing
--------------------------*/
.portfolio-tab {
  border-bottom: 2px solid #efefef;
  -webkit-box-shadow: 0px 6px 4px -4px #dbdbdb;
  -moz-box-shadow: 0px 6px 4px -4px #dbdbdb;
  box-shadow: 0px 6px 4px -4px #dbdbdb; }

.portfolio-tab .nav-tabs {
  border-bottom: 0px; }

.portfolio-tab .nav-tabs > li {
  float: none;
  display: inline-block; }

.portfolio-tab .nav-tabs > li > a {
  border-bottom: solid 3px #fff;
  border: 0px;
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 6px;
  margin-right: 6px; }

.portfolio-tab .nav-tabs > li > a:hover {
  border: 0px;
  border-bottom: solid 3px #ffffff; }

.portfolio-tab .nav-tabs > li.active > a {
  border: 0px;
  color: #1662b0;
  border-bottom: solid 3px #1662b0; }

.portfolio-tab a {
  display: inline-block;
  padding: 15px 20px;
  font-weight: bold;
  color: #000;
  font-size: 17px;
  text-decoration: none; }

.tabshowbox {
  padding: 0px 0px 20px; }

.filterbg {
  background: #fafafa;
  padding: 10px 0; }

#porfilters {
  list-style: none; }

#porfilters li {
  float: none;
  display: inline-block; }

#porfilters li span {
  display: block;
  padding: 5px 10px;
  font-size: 13px;
  text-decoration: none;
  color: #000 !important;
  cursor: pointer; }

#porfilters li span.active {
  background: #e8eff7;
  color: #1662b0 !important;
  font-weight: 600;
  border-radius: 6px; }

#portfoliolist .portfolio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
  /*overflow:hidden;*/ }

.proliststyle img {
  -webkit-box-shadow: 0px 0px 20px 2px #dbdbdb;
  -moz-box-shadow: 0px 0px 20px 2px #dbdbdb;
  box-shadow: 0px 0px 20px 2px #dbdbdb; }

.proliststyle h2 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 15px; }

.proliststyle p {
  font-size: 16px;
  margin-top: 12px;
  line-height: 25px; }

.proliststyle .vmlink {
  font-size: 13px;
  color: #e18748;
  font-weight: 600; }

.checkmark {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #1a6cb8;
  font-weight: 600; }

.checkmark li {
  background: url(../404.html) left top no-repeat;
  padding-left: 30px;
  padding-bottom: 6px;
  margin: 8px 15px 0px 0px;
  line-height: 24px;
  display: inline-block; }

.proliststyle .vcslink {
  font-weight: 500;
  font-weight: 600;
  color: 1a6cb8;
  display: inline-block;
  margin-top: 20px;
  text-decoration: none !important; }

.testbox .js .slider-single > div:nth-child(1n+2) {
  display: none; }

.testbox .js .slider-single.slick-initialized > div:nth-child(1n+2) {
  display: block; }

.testbox .slick-list h3 {
  background: #f0f0f0;
  color: #979797;
  font-size: 2.25rem;
  margin: .5rem;
  padding: 2%;
  position: relative;
  text-align: center; }

.testbox .slider-nav h3::before {
  content: "";
  display: block;
  padding-top: 75%; }

.testbox .slider-nav h3 span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.testbox .slider-nav .slick-slide {
  cursor: pointer;
  text-align: center;
  padding: 0px;
  height: 82px;
  position: relative; }

.testbox .slider-nav .slick-slide img {
  max-height: 82px;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  z-index: 3;
  padding: 1px 1px;
  top: 50%;
  left: 50%; }

.testbox .slick-slide.is-active {
  color: #c00;
  background-color: #f7f7f7;
  -webkit-box-shadow: inset 0px 0px 0px 2px #dbdbdb;
  -moz-box-shadow: inset 0px 0px 0px 2px #dbdbdb;
  box-shadow: inset 0px 0px 0px 2px #dbdbdb; }

.testbox .slick-next {
  -webkit-box-shadow: 0px 0px 12px -4px #7a7a7a;
  -moz-box-shadow: 0px 0px 12px -4px #7a7a7a;
  box-shadow: 0px 0px 12px -4px #7a7a7a;
  background: #fff url(../404.html) right 13px top 14px no-repeat;
  right: -27px;
  z-index: 99;
  padding: 10px !important; }

.testbox .slick-prev {
  -webkit-box-shadow: 0px 0px 12px -4px #7a7a7a;
  -moz-box-shadow: 0px 0px 12px -4px #7a7a7a;
  box-shadow: 0px 0px 12px -4px #7a7a7a;
  background: #fff url(../404.html) right 13px top 14px no-repeat;
  left: -27px;
  z-index: 99;
  padding: 10px !important; }

.testbox .slick-list {
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 26px -10px #b0b0b0;
  -moz-box-shadow: 0px 0px 26px -10px #b0b0b0;
  box-shadow: 0px 0px 26px -10px #b0b0b0; }

.testbox .slider-nav {
  margin-top: 20px; }

.testbox .slider-nav .slick-list {
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Arrows */
.testbox .slick-prev,
.testbox .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none; }

.testbox .slider-nav .slick-prev,
.testbox .slider-nav .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none; }

.testbox-main .testimg-box {
  width: 480px;
  float: left;
  overflow: hidden;
  position: relative; }

.testbox-main .testimg-box-right {
  float: right; }

.test-details {
  margin-left: 480px;
  display: block;
  min-height: 300px;
  padding: 0px 60px 0px 50px; }

.test-details-right {
  margin-right: 480px;
  margin-left: inherit; }

.test-details .vhmain {
  display: table-cell;
  height: 300px;
  vertical-align: middle; }

.test-details .vhin {
  width: 100%;
  display: table; }

.testbox .slider-nav .slick-next {
  -webkit-box-shadow: 0px 0px 9px -4px #7a7a7a;
  -moz-box-shadow: 0px 0px 9px -4px #7a7a7a;
  box-shadow: 0px 0px 9px -4px #7a7a7a;
  background: #fff url(../404.html) right 8px top 9px no-repeat;
  right: -17px;
  z-index: 99;
  padding: 10px !important;
  background-size: 15px; }

.testbox .slider-nav .slick-prev {
  -webkit-box-shadow: 0px 0px 9px -4px #7a7a7a;
  -moz-box-shadow: 0px 0px 9px -4px #7a7a7a;
  box-shadow: 0px 0px 9px -4px #7a7a7a;
  background: #fff url(../404.html) right 8px top 9px no-repeat;
  left: -17px;
  z-index: 99;
  padding: 10px !important;
  background-size: 15px; }

.test-effect {
  -webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
  /* filter: blur(4px);  -webkit-filter: blur(4px);*/ }

.test-effect-right {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  /* filter: blur(4px);  -webkit-filter: blur(4px);*/ }

.test-overlay {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 20px;
  text-align: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%); }

.test-left-logo {
  position: absolute;
  z-index: 3;
  padding: 20px;
  top: 45%;
  left: 35%;
  -webkit-transform: translate(-35%, -45%);
  -ms-transform: translate(-35%, -45%);
  transform: translate(-35%, -45%);
  width: 67%;
  text-align: center; }

.testbox {
  padding-top: 20px;
  padding-bottom: 50px; }

.testname {
  font-weight: 600;
  color: #1a6cb8;
  display: block; }

.testname span {
  font-weight: 400;
  color: #000;
  display: block; }

/*===== Gutter Size ======*/
/* 20px gutter*/
.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px; }

.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px; }

/* 10px gutter */
.gutter-5.row {
  margin-right: -4px;
  margin-left: -4px; }

.gutter-5 > [class^="col-"], .gutter-5 > [class^=" col-"] {
  padding-right: 4px;
  padding-left: 4px; }

/* 10px gutter */
.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px; }

.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px; }

/* 0px gutter */
.gutter-0.row {
  margin-right: 0;
  margin-left: 0; }

.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0; }

.img-hover {
  overflow: hidden; }

.por-banner {
  background-size: cover; }

.pro-details-banner {
  padding-top: 100px; }

.pro-details-banner img {
  max-height: 590px; }

.short-details {
  color: #105da5;
  font-size: 15px;
  line-height: 22px;
  padding: 25px 0px;
  font-style: italic;
  max-width: 900px;
  margin: 0 auto; }

.icon-box span {
  border-radius: 6px;
  border: solid 1px #dedede;
  padding: 5px 7px;
  display: inline-block;
  margin: 5px 0px 5px 5px; }

.icon-box span:hover {
  border-color: #a9a9a9;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

.icon-box span:first-child {
  margin-left: 0px; }

.whitebox {
  -webkit-box-shadow: none;
  box-shadow: none; }

.features-left {
  display: block; }

.features-right h2 {
  display: block;
  padding-bottom: 15px;
  font-size: 25px;
  font-weight: 500; }

.features-right {
  background: #fff; }

.features-details {
  padding: 15px 0; }

.features-details .list01 li a {
  color: #3bc7fa; }

.features-details .list01 li {
  font-size: 14px;
  line-height: 21px; }

.featureslist {
  max-height: 250px; }

.featureslist .mCSB_inside > .mCSB_container {
  margin-right: 10px; }

.featureslist .mCSB_scrollTools {
  width: 6px; }

.next-previous-box {
  position: relative;
  display: block; }

.vh-main {
  width: 100%;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  color: #fff;
  z-index: 9;
  font-size: 25px;
  font-weight: 600;
  line-height: 36px;
  height: 100%;
  display: table;
  vertical-align: middle; }

:root .vh-main {
  top: 40% \0/IE9;
  height: auto\0/IE9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vh-main {
    top: 40%; } }

.vh-in {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.arrow-link {
  display: inline-block;
  text-align: center;
  border: solid 2px #105da5;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  padding-top: 20px;
  position: absolute;
  bottom: -35px;
  background: #fff;
  margin: 0  auto;
  z-index: 3;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 0px 11px 0px #8a8a8a;
  -moz-box-shadow: 0px 0px 11px 0px #8a8a8a;
  box-shadow: 0px 0px 11px 0px #8a8a8a; }

.arrow-link:hover {
  background: #f8f8f8; }

.arrow-link img.previous-ar {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.arrow-link:hover img.previous-ar {
  -webkit-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  transform: translateX(-4px); }

.arrow-link img.next-ar {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.arrow-link:hover img.next-ar {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px); }

.black-title h2 {
  display: block;
  font-size: 26px;
  color: #323a45;
  padding: 10px 0px;
  font-weight: 600; }

.client-logo-por {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center; }

.client-logo-por li {
  display: inline-block;
  padding: 8px 10px;
  width: 24.5%; }

.user-photo {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: 0px auto 25px; }

.user-photo img {
  width: 100%;
  height: 100%; }

.quote {
  background: #fff url(../404.html) center bottom no-repeat;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #323a45;
  line-height: 28px;
  max-width: 92%;
  margin: 0 auto;
  padding-bottom: 22px;
  margin-bottom: 27px; }

.namebox {
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 800;
  font-size: 17px; }

.namebox span {
  display: block;
  font-weight: 600;
  font-size: 16px; }

.testimonial-list-por {
  margin-bottom: 25px;
  clear: both; }

.testimonialmain-box .bx-wrapper .bx-pager {
  position: relative;
  padding-top: 3px;
  padding-bottom: 30px;
  text-align: center;
  bottom: 0px; }

.testimonialmain-box .bx-wrapper .bx-pager-link.active {
  border: solid 1px #d8d8d8;
  background: #8a959e !important; }

.testimonialmain-box .bx-wrapper .bx-pager-link {
  background: #fff !important;
  border: solid 1px #d8d8d8;
  width: 16px !important;
  height: 16px !important; }

.formgraybox {
  background: #f1f4f5;
  padding: 40px 30px; }

.formgraybox .form-group {
  margin-bottom: 30px; }

.formgraybox .form-control {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  padding: 10px 15px;
  min-height: 45px; }

.blue-btn {
  background: #0065cc;
  border-radius: 0px;
  padding: 8px 20px; }

.blue-btn:hover, .blue-btn:f {
  background: #0156ac; }

.top-arrow {
  background: #fff;
  border-radius: 50%;
  position: fixed;
  z-index: 9;
  right: 20px;
  bottom: 55px;
  width: 55px;
  height: 55px;
  padding-top: 17px;
  -webkit-box-shadow: 0px 0px 7px 0px #8a8a8a;
  -moz-box-shadow: 0px 0px 7px 0px #8a8a8a;
  box-shadow: 0px 0px 7px 0px #8a8a8a;
  opacity: 0; }
  .top-arrow img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 28px; }

.por-menu {
  opacity: 0; }

.por-menu .dropup {
  position: fixed;
  right: 110px;
  bottom: 59px;
  z-index: 9; }

.por-menu .dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
  background-color: transparent;
  min-width: 57px;
  margin-bottom: -42px; }
  .por-menu .dropdown-menu li {
    display: inline-block;
    min-width: 58px;
    margin-bottom: 15px; }
    .por-menu .dropdown-menu li a {
      display: inline-block;
      border-radius: 50%;
      height: 42px;
      padding: 9px 0 0 0;
      width: 42px;
      background: #fff;
      text-align: center;
      -webkit-box-shadow: 0px 0px 7px 0px #8a8a8a;
      -moz-box-shadow: 0px 0px 7px 0px #8a8a8a;
      box-shadow: 0px 0px 7px 0px #8a8a8a; }
      .por-menu .dropdown-menu li a img {
        width: 21px; }

.black-bg {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2; }

.por-menu.spacebtn .dropdown-menu {
  margin-bottom: 33px; }

.list-icon {
  background: #fff;
  border-radius: 50%;
  position: fixed;
  border: 0px;
  z-index: 9;
  right: 65px;
  bottom: 55px;
  width: 48px;
  height: 48px;
  -webkit-box-shadow: 0px 0px 7px 0px #8a8a8a;
  padding-top: 2px;
  -moz-box-shadow: 0px 0px 7px 0px #8a8a8a;
  box-shadow: 0px 0px 7px 0px #8a8a8a; }

.por-menu.spacebtn .list-icon {
  bottom: 82px; }

.sticky {
  opacity: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }

.dropup:hover .dropdown-menu {
  display: block; }

.top-arrow:hover img {
  -webkit-transform: translatey(-2px);
  -ms-transform: translatey(-2px);
  transform: translatey(-2px); }

@media (max-width: 767px) {
  .testbox-main .testimg-box, .testbox-main .testimg-box-right {
    width: 100%;
    float: none; }
  .test-effect, .test-overlay, .test-effect-right, .test-overlay {
    -webkit-clip-path: inherit;
    clip-path: inherit; }
  .test-left-logo {
    -webkit-transform: translate(-5%, -45%);
    -ms-transform: translate(-5%, -45%);
    transform: translate(-5%, -45%);
    top: 45%;
    left: 5%;
    width: 100%; }
  .testbox .slick-prev,
  .testbox .slick-next {
    width: 30px;
    height: 30px;
    border-radius: 50%; }
  .test-details .vhmain {
    height: inherit; }
  .testbox .slick-next {
    background: #fff url(../404.html) right 8px top 9px no-repeat;
    right: -20px;
    z-index: 99;
    padding: 10px !important;
    background-size: 15px; }
  .testbox .slick-prev {
    background: #fff url(../404.html) right 8px top 9px no-repeat;
    left: -20px;
    z-index: 99;
    padding: 10px !important;
    background-size: 15px; }
  .testbox .slider-nav .slick-prev {
    left: -20px; }
  .testbox .slider-nav .slick-next {
    right: -20px; }
  .testbox-main p {
    margin-top: 15px; }
  .testbox-main {
    padding: 0px 0px 20px; }
  .testbox-main .testimg-box, .testbox-main .testimg-box-right {
    width: 100%;
    max-height: 140px;
    float: none;
    display: block !important; }
  .test-details {
    margin-left: inherit;
    display: block;
    min-height: inherit;
    padding: 0px 15px; }
  .test-details-right {
    margin-right: inherit; }
  .portfolio-tab a {
    font-size: 15px; }
  #porfilters li span {
    padding: 4px 4px; }
  .pro-details-banner {
    padding-top: 60px; }
  .pro-details-banner img {
    max-height: 200px; }
  .features-left img {
    max-height: 200px; }
  .featureslist {
    max-height: 250px; }
  .arrow-link {
    width: 54px;
    height: 54px;
    padding-top: 9px;
    bottom: -18px;
    -webkit-box-shadow: 0px 0px 8px 0px #8a8a8a;
    box-shadow: 0px 0px 8px 0px #8a8a8a; }
  .vh-main {
    font-size: 17px;
    line-height: 22px; }
  .arrow-link img {
    width: 15px;
    margin-top: 3px; }
  .black-title h2 {
    font-size: 21px;
    line-height: 25px;
    padding: 0px; }
  .top-arrow {
    right: 11px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    padding-top: 15px; }
    .top-arrow img {
      width: 18px; }
  .por-menu .dropup {
    right: 109px; }
  .list-icon {
    right: 65px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    padding-top: 1px; }
    .list-icon img {
      width: 20px; }
  .por-menu .dropdown-menu {
    min-width: 38px;
    bottom: 32px;
    left: 3px; }
    .por-menu .dropdown-menu li {
      min-width: 45px;
      margin-bottom: 10px; }
      .por-menu .dropdown-menu li a {
        width: 40px;
        height: 40px;
        padding-top: 7px; }
  .formgraybox {
    padding: 15px 15px; }
  .formgraybox .form-group {
    margin-bottom: 15px; }
  .formgraybox .form-control {
    font-size: 14px;
    padding: 10px 10px;
    min-height: 35px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .testbox-main .testimg-box {
    width: 300px;
    height: 250px;
    float: left; }
  .testbox-main .testimg-box-right {
    float: right; }
  .test-effect, .test-effect-right {
    height: inherit; }
  .testbox-main p {
    font-size: 13px;
    line-height: 19px; }
  .test-details {
    margin-left: 300px;
    display: block;
    min-height: 250px;
    padding: 0px 30px; }
  .test-details-right {
    margin-right: 300px;
    margin-left: 0px; }
  .test-details .vhmain {
    height: 250px;
    vertical-align: middle; }
  .pro-details-banner {
    padding-top: 80px; }
  .pro-details-banner img {
    max-height: 300px; }
  .client-logo-por li {
    width: 22%; }
  .list-icon {
    right: 70px;
    bottom: 13px; }
  .por-menu .dropdown-menu {
    margin-bottom: -5px; }
  .por-menu .dropup {
    right: 116px; }
  .list-icon img {
    width: 23px; }
  .top-arrow {
    right: 10px;
    bottom: 13px;
    padding-top: 16px;
    width: 48px;
    height: 48px; }
  .top-arrow img {
    width: 19px; } }

@media (min-width: 640px) and (max-width: 767px) {
  .widthhalf {
    width: 50%;
    float: left; }
  .arrow-link {
    bottom: -30px;
    -webkit-box-shadow: 0px 0px 8px 0px #8a8a8a;
    box-shadow: 0px 0px 8px 0px #8a8a8a; }
  .top-space-sm {
    margin-top: 20px; } }

@media (min-width: 768px) {
  .featureslist {
    max-height: 150px; }
  .short-details {
    font-size: 20px;
    line-height: 29px;
    padding: 40px 0px; }
  .features-details {
    padding: 0px 20px; }
  .top-space-sm {
    margin-top: 50px; }
  .vh-main {
    font-size: 20px;
    line-height: 27px; } }

@media (min-width: 992px) {
  .featureslist {
    max-height: 220px; }
  .features-details {
    padding: 0px 0px 0px 20px; }
  /*.testbox-main .testimg-box{ height: calc(100vh - 66vh); }*/
  .test-effect, .test-effect-right {
    height: calc(100vh - 66vh);
    height: 100%;
    width: 100%; } }

@media (min-width: 1200px) {
  .img-hover img, .next-previous-box .img-hover img {
    -webkit-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease; }
  .img-hover img:hover, .next-previous-box:hover .img-hover img {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04); }
  .features-details {
    padding: 20px 35px; }
  .features-right h2 {
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 32px; }
  .featureslist {
    max-height: 370px; }
  .short-details {
    font-size: 24px;
    line-height: 32px;
    padding: 50px 0px; }
  .whitebox {
    -webkit-box-shadow: 0px 0px 5px 0px #b5b5b5;
    -moz-box-shadow: 0px 0px 5px 0px #b5b5b5;
    box-shadow: 0px 0px 5px 0px #b5b5b5; }
  .icon-box span img {
    opacity: 0.7; }
  .icon-box span:hover img {
    opacity: 1; }
  .top-arrow {
    right: 10px;
    bottom: 13px;
    padding-top: 16px;
    width: 45px;
    height: 45px; }
    .top-arrow img {
      width: 19px; }
  .top-arrow.spacebtn {
    bottom: 82px; }
  .list-icon {
    padding-top: 2px;
    bottom: 12px;
    width: 45px;
    height: 45px; }
    .list-icon img {
      width: 23px; }
  .por-menu .dropup {
    bottom: 90px; }
  /*.testbox-main .testimg-box{ height: calc(100vh - 56vh); }*/
  /*.test-effect{ height: calc(100vh - 56vh); }*/ }

@media (min-width: 600px) and (max-width: 767px) {
  .test-effect, .test-effect-right {
    width: 100%; } }

@media (min-width: 890px) and (max-width: 991px) {
  .test-effect, .test-effect-right {
    height: calc(100vh - 43vh); } }

@media (min-width: 1224px) and (max-width: 1300px) {
  .test-effect, .test-effect-right {
    height: calc(100vh - 49vh); } }

@media (min-width: 1350px) {
  /*.testbox-main .testimg-box{ height: calc(100vh - 54vh); }*/
  .test-effect, .test-effect-right {
    height: calc(100vh - 46vh); } }

@media (min-width: 1400px) {
  /*.testbox-main .testimg-box{ height: calc(100vh - 60vh); }*/
  .test-effect, .test-effect-right {
    height: calc(100vh - 59vh);
    max-height: 320px;
    width: 100%; } }

/* Portfolio Scroll
--------------------------*/
/*
== 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(../404.html);
  /* 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: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  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: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  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);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  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);
  -webkit-box-shadow: inset 1px 0 1px 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 {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  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 {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  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 {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  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);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  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 {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  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 {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  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);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  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); }

/* ---------------------------------------- */
/* Left Column
--------------------------*/
.left-link {
  width: 100%;
  float: left;
  position: relative;
  z-index: 10000; }
  .left-link a {
    display: block;
    padding: 10px 0px 10px 5px;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #1564af;
    text-decoration: none;
    margin-top: 2px; }
  .left-link a:hover {
    padding: 10px 5px;
    background: #ebebeb url(../png/arrow.png) right top no-repeat;
    color: #444444; }
  .left-link .selected {
    padding: 10px 5px;
    background: #ebebeb url(../png/arrow.png) right top no-repeat;
    color: #444444; }
  .left-link a.largetext:hover {
    background: #ebebeb url(../jpg/arrow2.jpg) right top no-repeat !important; }
  .left-link a.largetext.selected {
    background: #ebebeb url(../jpg/arrow2.jpg) right top no-repeat !important; }

.sidelinks2s {
  width: 100%;
  float: left; }
  .sidelinks2s li {
    margin-bottom: 20px;
    color: #6b6b6b;
    list-style-type: none;
    font-size: 15px; }
    .sidelinks2s li a {
      font-size: 15px;
      color: #1564af;
      display: block;
      padding-left: 0;
      margin: 0;
      text-decoration: none; }
    .sidelinks2s li :hover {
      text-decoration: none;
      color: #444444; }

.prelist {
  display: block;
  clear: both; }
  .prelist li {
    display: block;
    clear: both;
    list-style: none;
    border-bottom: solid 1px #dedede;
    margin-bottom: -1px; }
    .prelist li a {
      display: block;
      padding: 9px 0 9px 29px;
      color: #646464;
      text-decoration: none;
      background: url(../png/pdf-icon.png) no-repeat left 0px top 9px; }
    .prelist li a:hover {
      color: #1564af; }

.modal-header {
  background: #1564af;
  color: #fff; }

.modal-header .close {
  color: #fff; }

.bannersocicon {
  z-index: 10000 !important; }

.free-assessment {
  z-index: 1000; }

.sidelinks-releted-story ul li {
  color: #6b6b6b;
  font-size: 14px;
  list-style-type: none;
  margin-bottom: 20px; }
  .sidelinks-releted-story ul li a {
    color: #1570a6;
    display: block;
    font-size: 18px;
    margin: 0;
    padding-left: 0; }
    .sidelinks-releted-story ul li a:hover {
      color: #000; }

.testimonial-text {
  color: #6a6a6a; }

.breadcrumb {
  background: none;
  margin-top: 30px;
  padding-left: 0px; }
  .breadcrumb :hover {
    text-decoration: none; }

.left-testimonial {
  width: 100% !important;
  margin: 10px auto;
  padding: 0 !important;
  float: none !important;
  overflow: hidden; }
  .left-testimonial .tesimonialboxin {
    width: 66% !important;
    margin: 10px auto; }
  .left-testimonial p {
    text-align: center; }

@media (max-width: 1023px) {
  .left-testimonial .tesimonialboxin {
    width: 100% !important;
    margin: 10px auto; } }

@media (max-width: 1100px) and (min-width: 1024px) {
  .left-testimonial .tesimonialboxin {
    width: 80% !important;
    margin: 10px auto; } }

@media (max-width: 1100px) {
  .left-link a:hover {
    padding: 10px 10px;
    background: #ebebeb;
    color: #444444; }
  .left-link a.largetext:hover {
    background: #ebebeb !important; }
  .left-link .selected {
    padding: 10px 10px;
    background: #ebebeb;
    color: #444444; } }

@media (max-width: 767px) {
  #disucss-form .heading04 {
    margin-top: 0px !important; } }

/* Micro Site Link
--------------------------*/
#microsites {
  clear: both;
  overflow: hidden; }

.microsite-links {
  width: 100%;
  float: left;
  background: #fff;
  margin: 0px 0 0 0;
  margin-top: -1px;
  border-bottom: 0px solid #fff;
  border-top: 0px solid #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }
  .microsite-links ul {
    display: inline-block;
    margin-right: 0px; }
    .microsite-links ul li {
      margin: 0 18px;
      padding: 8px 8px 8px 30px;
      display: inline-block;
      position: relative; }
      .microsite-links ul li i {
        width: 28px;
        height: 25px;
        position: absolute;
        left: 0px;
        float: left;
        background-repeat: no-repeat;
        top: 6px; }
      .microsite-links ul li .sharepoint {
        background-position: 0 -124px; }
      .microsite-links ul li .mobile {
        background-position: -28px -124px; }
      .microsite-links ul li .salesforce {
        background-position: -56px -124px;
        left: -4px; }
      .microsite-links ul li .dotnet {
        background-position: -84px -124px; }
      .microsite-links ul li .open-source {
        background-position: -256px -125px; }
      .microsite-links ul li .sap {
        background-position: -286px -125px; }
      .microsite-links ul li .php {
        background-position: -112px -124px;
        left: -4px; }
      .microsite-links ul li .cloud {
        background-position: -140px -124px;
        left: -1px; }
      .microsite-links ul li .bi {
        background-position: -168px -124px; }
      .microsite-links ul li .elearning {
        background-position: -196px -123px; }
      .microsite-links ul li .htmlfive {
        background-position: -224px -124px; }
      .microsite-links ul li a {
        color: #000;
        text-decoration: none;
        font-size: 14px; }
        .microsite-links ul li a:hover {
          color: #1564af;
          text-decoration: none; }
      .microsite-links ul li:first-child {
        margin-left: 0;
        margin-left: 4px; }
      .microsite-links ul li:last-child {
        margin-right: 0; }
      .microsite-links ul li img {
        margin-left: -20px; }
    .microsite-links ul .right-spacenew {
      margin-right: 29px; }
  .microsite-links #mi-link ul li:first-child a {
    border-left: none; }
  .microsite-links #mi-link ul li:last-child a {
    border-right: none; }
  .microsite-links #mi-link .clickr {
    display: none; }
  .microsite-links .container-fluid {
    padding-left: 35px; }

@media (max-width: 1169px) {
  .microsite-links {
    margin: 0px 0 0 0; }
    .microsite-links ul li {
      margin: 0 27px; } }

@media (max-width: 1246px) {
  .microsite-links {
    text-align: left;
    background: #f8f8f8;
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: solid 1px #dedede;
    border-bottom: solid 1px #dedede; }
    .microsite-links #mi-link .clickr {
      display: block;
      text-align: left;
      cursor: pointer;
      padding: 10px 30px 10px 20px;
      position: relative;
      color: #1465b0;
      font-weight: 600;
      z-index: 9; }
      .microsite-links #mi-link .clickr i {
        width: 12px;
        height: 10px;
        position: absolute;
        right: 20px;
        float: left;
        background-repeat: no-repeat;
        top: 18px;
        background-position: -660px -132px; }
    .microsite-links #mi-link .clickr:hover {
      text-decoration: none; }
    .microsite-links #mi-link ul {
      display: none;
      z-index: 99;
      position: relative;
      float: left;
      margin-right: 0px;
      width: 100%; }
      .microsite-links #mi-link ul li {
        width: 100%;
        float: left;
        border-top: 1px solid #e4e4e4;
        margin: 0 0px;
        padding-left: 53px; }
        .microsite-links #mi-link ul li a {
          width: 100%;
          float: left; }
    .microsite-links .container {
      padding-left: 0px;
      padding-right: 0px; }
  .microsite-links .container-fluid {
    padding-left: 15px; }
  .fixed-header {
    border-bottom: 1px solid #dedede; }
  .microsite-links .sharepoint {
    left: 18px; }
  .microsite-links .mobile {
    left: 16px; }
  .microsite-links .salesforce {
    left: 13px !important; }
  .microsite-links .dotnet {
    left: 16px; }
  .microsite-links .open-source {
    left: 16px; }
  .microsite-links .sap {
    left: 16px; }
  .microsite-links .php {
    left: 12px !important; }
  .microsite-links .cloud {
    left: 16px !important; }
  .microsite-links .bi {
    left: 15px; }
  .microsite-links .elearning {
    left: -6px; }
  .microsite-links .htmlfive {
    left: -6px; } }

@media (min-width: 1100px) {
  .microsite-links ul li:last-child {
    margin-right: 0px;
    padding-right: 0px; } }

/*----old CSS---*/
.middle-link {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
  margin: 20px 0 10px; }
  .middle-link span {
    color: #030303;
    font-size: 37px;
    font-weight: 300;
    line-height: 30px;
    margin-right: 15px; }

.rmm {
  display: block;
  position: relative;
  width: 100%;
  padding: 7px 0 0 0;
  text-align: center;
  line-height: 19px !important;
  float: right;
  max-width: 85% !important; }

.rmm * {
  -webkit-tap-highlight-color: transparent !important;
  font-family: 'Open Sans', sans-serif; }

.rmm a {
  color: #ebebeb;
  text-decoration: none; }

.rmm .rmm-main-list, .rmm .rmm-main-list li {
  margin: 0px;
  padding: 0px; }

.rmm ul {
  display: block;
  width: auto !important;
  margin: 0 auto !important;
  overflow: hidden;
  list-style: none; }

.rmm ul li ul, .rmm ul li ul li, .rmm ul li ul li a {
  display: none !important;
  height: 0px !important;
  width: 0px !important; }

.rmm .rmm-main-list li {
  display: inline;
  padding: 0px;
  margin: 0px !important; }

.rmm-toggled {
  display: none;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto !important; }

.rmm-button:hover {
  cursor: pointer; }

.rmm .rmm-toggled ul {
  display: none;
  margin: 0px !important;
  padding: 0px !important; }

.rmm .rmm-toggled ul li {
  display: block;
  margin: 0 auto !important; }

.rmm.graphite .rmm-main-list li a {
  color: #1570a6;
  font-size: 18px;
  color: #1570a6;
  margin: 0px 0px 0px 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  line-height: normal !important; }

.rmm.graphite .rmm-main-list li a:hover {
  color: #010101; }

.rmm.graphite .rmm-main-list li:first-child a {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.rmm.graphite .rmm-main-list li:last-child a {
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.rmm.graphite .rmm-toggled {
  width: 100%;
  background-color: #1564af;
  min-height: 40px;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  cursor: pointer; }

.rmm.graphite .rmm-toggled-controls {
  display: block;
  height: 40px;
  color: white;
  text-align: left;
  position: relative;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal; }

.rmm.graphite .rmm-toggled-title {
  position: relative;
  top: 11px;
  left: 15px;
  font-size: 16px;
  color: white; }

.rmm.graphite .rmm-button {
  display: block;
  position: absolute;
  right: 15px;
  top: 8px; }

.rmm.graphite .rmm-button span {
  height: 11px;
  width: 19px;
  background: url(../png/ar1.png) no-repeat left top;
  float: right;
  margin: 8px 0 0 0; }

.rmm.graphite .rmm-toggled ul li a {
  display: block;
  width: 100%;
  background-color: #1564af;
  text-align: left;
  padding: 10px 0px 10px 15px;
  border-bottom: 1px solid #145ca1;
  border-top: 1px solid #1d6ebc;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal; }

.rmm.graphite .rmm-toggled ul li a:hover {
  background: #11508c; }

.rmm-button span {
  display: inherit !important; }

@media (max-width: 1169px) {
  .rmm.graphite .rmm-main-list li a {
    margin: 0px 0px 0px 10px; }
  .rmm {
    max-width: 80% !important; } }

@media (max-width: 980px) {
  .middle-link {
    margin-top: 0px;
    margin-bottom: -15px;
    border: none; }
    .middle-link span {
      display: none; }
    .middle-link .rmm-main-list {
      display: none !important; }
    .middle-link .rmm-toggled {
      display: block !important; }
  .rmm {
    max-width: 100% !important; } }

@media (min-width: 1247px) {
  .microsite-links ul {
    display: inline-block !important; } }

@media screen and (max-width: 1465px) and (min-width: 1247px) {
  .microsite-links ul {
    margin-right: 0px; } }

@media screen and (max-width: 1465px) and (min-width: 1281px) {
  .microsite-links ul {
    margin-right: 0x; } }

@media screen and (max-width: 1465px) and (min-width: 1400px) {
  .microsite-links ul {
    margin-right: 0px; } }

/* About Us
--------------------------*/
.roi-img {
  margin-top: -60px; }

.certi {
  margin-left: -15px;
  margin-right: -15px; }
  .certi:before, .certi:after {
    content: " ";
    display: table; }
  .certi:after {
    clear: both; }
  .certi .certi-box {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .certi .certi-box {
        float: left;
        width: 25%; } }
    .certi .certi-box .certi-details {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin-top: 15px;
      border: 1px solid #e9e9e9;
      padding: 10px; }
      .certi .certi-box .certi-details img {
        border: 1px solid #f4f1f1;
        margin: 10px auto 10px;
        display: block; }
      .certi .certi-box .certi-details p {
        font-size: 14px;
        min-height: 70px; }

.indi-section {
  width: 100%;
  float: left; }
  .indi-section ul {
    width: 33.33%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .indi-section ul li {
      clear: both;
      float: left;
      margin: 6px 0 6px 0px;
      padding: 4px 0 4px 40px; }
  .indi-section .indi-icon {
    background: url(../jpg/help-icon.jpg) no-repeat; }
  .indi-section .indi-icon1 {
    background-position: 0 0; }
  .indi-section .indi-icon2 {
    background-position: 0 -43px; }
  .indi-section .indi-icon3 {
    background-position: 0 -84px; }
  .indi-section .indi-icon4 {
    background-position: 0 -121px; }
  .indi-section .indi-icon5 {
    background-position: 0 -161px; }
  .indi-section .indi-icon6 {
    background-position: 0 -202px; }
  .indi-section .indi-icon7 {
    background-position: 0 -232px; }
  .indi-section .indi-icon8 {
    background-position: 0 -268px; }
  .indi-section .indi-icon9 {
    background-position: 0 -309px; }
  .indi-section .indi-icon10 {
    background-position: 0 -347px; }
  .indi-section .indi-icon11 {
    background-position: 0 -384px; }
  .indi-section .indi-icon12 {
    background-position: 0 -426px; }
  .indi-section .indi-icon13 {
    background-position: 0 -458px; }
  .indi-section .indi-icon14 {
    background-position: 0 -495px; }
  .indi-section .indi-icon15 {
    background-position: 0 -535px; }
  .indi-section .indi-icon16 {
    background-position: 0 -574px; }
  .indi-section .indi-icon17 {
    background-position: 0 -614px; }
  .indi-section .indi-icon18 {
    background-position: 0 -655px; }

.team-boxs {
  width: 100%;
  float: left;
  border: 1px solid #e1e1e1;
  border-top: none;
  margin-top: 0px; }
  .team-boxs ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    .team-boxs ul li {
      width: 100%;
      float: left;
      border-top: 1px solid #e1e1e1;
      margin: 0px;
      padding: 0px;
      background: none;
      border-radius: 0px; }
      .team-boxs ul li p {
        padding: 10px 15px 0px;
        float: left; }
        .team-boxs ul li p strong {
          color: #105da5; }
    .team-boxs ul li:nth-child(even) {
      background: #f8f8f8; }

.about-video {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0px;
  position: relative;
  margin: 0px 0 0 0;
  float: left; }
  .about-video .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px; }

.qa-row {
  margin-left: -15px;
  margin-right: -15px; }
  .qa-row:before, .qa-row:after {
    content: " ";
    display: table; }
  .qa-row:after {
    clear: both; }
  .qa-row .qa-icon {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
    @media (min-width: 992px) {
      .qa-row .qa-icon {
        float: left;
        width: 16.66667%; } }
  .qa-row .qa-text {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
    @media (min-width: 992px) {
      .qa-row .qa-text {
        float: left;
        width: 83.33333%; } }

.designation {
  color: #545454;
  font-size: 17px;
  font-weight: 400;
  margin: -5px 0 10px 0;
  width: 100%;
  float: left;
  padding: 0px; }

.channel-box-wrp {
  position: relative;
  float: left;
  width: 33.33333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #e9e9e9; }

.channel-box {
  width: 100%;
  float: left;
  margin: 0px 0 0 0; }

.channel-box-wrp.lastchild {
  border-right: none; }

.channel-img {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.channel-title {
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  color: #010101; }

.channel-title span {
  text-transform: none; }

.ab-light-gray {
  background: #f8f8f8; }

@media (max-width: 1169px) {
  .team-box {
    width: 50.0%; }
  .team-box1, .team-box2, .team-box3, .team-box4, .team-box5 {
    border-bottom: none;
    border-right: none; } }

@media (max-width: 1023px) {
  .teambox-detail-img {
    width: 35%;
    float: left; }
  .teambox-detail-name {
    width: 65%;
    padding: 0px 0 0 20px; } }

@media (max-width: 980px) {
  .roi-img {
    margin-top: -00px; }
  .indi-section ul {
    width: 50%; }
  .team-box {
    width: 100.0%; }
  .qa-row {
    margin-left: -15px;
    margin-right: -15px; }
    .qa-row:before, .qa-row:after {
      content: " ";
      display: table; }
    .qa-row:after {
      clear: both; }
    .qa-row .qa-icon {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 980px) and (min-width: 768px) {
      .qa-row .qa-icon {
        float: left;
        width: 25%; } }

@media (max-width: 980px) {
    .qa-row .qa-text {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }
    @media (max-width: 980px) and (min-width: 768px) {
      .qa-row .qa-text {
        float: left;
        width: 75%; } }

@media (max-width: 980px) {
  .certi .certi-box {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 980px) and (min-width: 768px) {
    .certi .certi-box {
      float: left;
      width: 50%; } }

@media (max-width: 980px) {
    .certi .certi-box .certi-details p {
      font-size: 14px;
      min-height: 70px; } }

@media (max-width: 767px) {
  .qa-row {
    margin-left: -15px;
    margin-right: -15px; }
    .qa-row:before, .qa-row:after {
      content: " ";
      display: table; }
    .qa-row:after {
      clear: both; }
    .qa-row .qa-icon {
      position: relative;
      float: left;
      width: 33.33333%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .qa-row .qa-text {
      position: relative;
      float: left;
      width: 66.66667%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
  .certi .certi-box {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    .certi .certi-box .certi-details p {
      font-size: 14px;
      min-height: 70px; } }

@media (max-width: 639px) {
  .channel-box-wrp {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 479px) {
  .indi-section ul {
    width: 100%; }
  .certi .certi-box {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    .certi .certi-box .certi-details p {
      font-size: 14px;
      min-height: 10px; } }

/* Services
--------------------------*/
.bg-android {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -10px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-flutter {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -90px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-ios_app {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -10px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-lonic {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -90px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-titanium {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -170px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-unity {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -170px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-react {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -10px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-phonegap {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -90px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-vue {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -170px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-xmarin {
  width: 60px;
  height: 60px;
  background: url("../png/mobile-img.png") -250px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/mobile-img.webp") -250px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_healthcare {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -120px -120px, url("../png/industry-img.png") -120px -120px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_education {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -10px -10px, url("../png/industry-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_event {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -120px -10px, url("../png/industry-img.png") -120px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_finance {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -10px -120px, url("../png/industry-img.png") -10px -120px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_logistics {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -230px -10px, url("../png/industry-img.png") -230px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_oil {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -230px -120px, url("../png/industry-img.png") -230px -120px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_productivity {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -10px -230px, url("../png/industry-img.png") -10px -230px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_retail {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -120px -230px, url("../png/industry-img.png") -120px -230px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_transport {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -230px -230px, url("../png/industry-img.png") -230px -230px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_travel {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -340px -10px, url("../png/industry-img.png") -340px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_social {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -340px -120px, url("../png/industry-img.png") -340px -120px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-icon_wellnes {
  width: 90px;
  height: 90px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/industry-img.webp") -340px -230px, url("../png/industry-img.png") -340px -230px;
  background-repeat: no-repeat;
  display: inline-block; }

/*dotnet-technology logo*/
.bg-slide_aspdotnet {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -10px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_dotnetcore {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -90px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_dotnetmvc {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -10px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_git {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -90px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_linq {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -170px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sitecore {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -170px -90px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sqlserver {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -10px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_teamfoundation {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -90px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_telerik {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -170px -170px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_wpf {
  width: 60px;
  height: 60px;
  background: url("../png/dotnet-img.png") -250px -10px, url("https://atprodsitecdn.azureedge.net/allianceteklive/images/dotnet-img.webp") -250px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

/*dotnet technology logo end */
/*sharepoint logo start */
.bg-microsoft_flow {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -10px -10px, url("../png/sharepoint-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_branding {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -90px -10px, url("../png/sharepoint-img.png") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_icon_sharepoint {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -10px -90px, url("../png/sharepoint-img.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_infopath {
  width: 53px;
  height: 53px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -170px -170px, url("../png/sharepoint-img.png") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_powerapps {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -90px -90px, url("../png/sharepoint-img.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sharepointdesigner {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -170px -10px, url("../png/sharepoint-img.png") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-bcs {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -170px -90px, url("../png/sharepoint-img.png") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_office365 {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -10px -170px, url("../png/sharepoint-img.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-workflow {
  width: 60px;
  height: 60px;
  background: url("https://atprodsitecdn.azureedge.net/allianceteklive/images/sharepoint-img.webp") -90px -170px, url("../png/sharepoint-img.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

/*sharepoint logo end */
/*salesforce logo start*/
.bg-slide_analytics {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_commrececloude {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_servicecloude {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_crm {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_heroku {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_light {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_salesforce {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-zoho {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sugarcrm {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_zendesk {
  width: 60px;
  height: 60px;
  background: url("../png/salesforce.png") -250px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

/* salesforce logo end */
/*php logo start*/
.bg-slide_angular {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_cake {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_cilogo {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_dhrupal {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_fual {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_joomla {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_laravel {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_magento {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_nodejs {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_ruby {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -250px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_send {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -250px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_slim {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -250px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_symfony {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -10px -250px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_wordpress {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -90px -250px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_yii {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -170px -250px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_mongo {
  width: 60px;
  height: 60px;
  background: url("../png/php-img.png") -250px -250px;
  background-repeat: no-repeat;
  display: inline-block; }

/* php logo end */
/*BI logo start*/
.bg-slide_analytics {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_factset {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_google_data {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_ibmcognos {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_pantaho {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_powerbi {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_qlik {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sas {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sisense {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sqlserver {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -250px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_tableau {
  width: 60px;
  height: 60px;
  background: url("../png/bi-img.png") -250px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

/* BI logo End */
/* CLOUD logo Start */
.bg-azure {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -100px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-aws {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-blockchain {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-cdn {
  width: 70px;
  height: 60px;
  background: url("../png/cloud-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-devops {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -180px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-google_cloud {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -180px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-ibm_cloud {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-jenkins {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-serverless {
  width: 60px;
  height: 60px;
  background: url("../png/cloud-img.png") -170px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

/* CLOUD logo End */
.bg-saphana {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -10px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_crm {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -90px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sap {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -10px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sap_abap {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -90px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sapbi {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -170px -10px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sapbusiness {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -170px -90px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sapflori {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -10px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.bg-slide_sap_scm {
  width: 60px;
  height: 60px;
  background: url("../png/sap-img.png") -90px -170px;
  background-repeat: no-repeat;
  display: inline-block; }

.service-cloud {
  width: 100%;
  float: left;
  font-family: 'Oswald',sans-serif;
  line-height: 30px;
  padding: 12px 0 0px 0;
  margin: -0px 0 0 -0px; }

.mytitle {
  font-size: 24px;
  font-weight: 600; }

.ser-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .ser-left {
      float: left;
      width: 58.33333%; } }

.ser-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 768px) {
    .ser-right {
      float: left;
      width: 41.66667%; } }

.service-linkin {
  margin-top: 15px; }
  .service-linkin li {
    width: 25%;
    float: left; }
    .service-linkin li a {
      background: url(../png/bul_03.png) left 7px no-repeat;
      float: left;
      padding-left: 22px;
      text-decoration: none; }

.team-boxs {
  width: 100%;
  float: left;
  border: 1px solid #e1e1e1;
  border-top: none;
  margin-top: 0px; }
  .team-boxs li {
    width: 100%;
    float: left;
    border-top: 1px solid #e1e1e1;
    margin: 0px;
    padding: 0px;
    background: none;
    border-radius: 0px; }
    .team-boxs li p {
      padding: 10px 15px 0px;
      float: left; }
    .team-boxs li p strong {
      color: #1564af; }
  .team-boxs li:nth-child(even) {
    background: #f8f8f8; }

.our-offering {
  margin-bottom: 20px; }

.icon-industry {
  position: relative;
  display: block;
  margin-top: 15px; }
  .icon-industry .industry-icon {
    float: none;
    display: inline-block;
    height: 100%;
    min-height: 1px;
    width: 16%;
    margin-bottom: 30px;
    text-align: center;
    border-right: 1px solid #ddd; }
    .icon-industry .industry-icon span {
      display: block;
      margin-top: 20px;
      padding-bottom: 15px;
      font-size: 16px; }
  .icon-industry .resp-border {
    border-right: none; }

/* Slider */
.slick-slide {
  margin: 0px 0px; }

.slick-slide img {
  display: inline-block; }

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

.slick-initialized .slick-slide:focus {
  outline: none; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.customer-logos {
  margin-top: 10px; }

.slides-icon {
  border-left: 1px solid #ddd;
  padding-top: 15px; }
  .slides-icon span {
    display: block;
    margin-top: 20px;
    padding-bottom: 15px;
    font-size: 15px; }

@media (max-width: 1024px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: none;
      height: 100%;
      min-height: 1px;
      width: 227px;
      display: inline-block;
      margin-bottom: 30px;
      border-right: 1px solid #ddd; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; } }

@media (max-width: 989px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: none;
      height: 100%;
      min-height: 1px;
      width: 24%;
      display: inline-block;
      margin-bottom: 30px;
      border-right: 1px solid #ddd; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; } }

@media (max-width: 768px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: none;
      height: 100%;
      min-height: 1px;
      width: 145px;
      display: inline-block;
      margin-bottom: 30px;
      border-right: 1px solid #ddd; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; } }

@media (max-width: 425px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: left;
      height: 100%;
      min-height: 1px;
      width: 175px;
      margin-bottom: 30px;
      border-right: 1px solid #ddd; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; }
    .icon-industry .resp-border, .icon-industry .mobile-line {
      border: none; } }

@media (max-width: 375px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: left;
      height: 100%;
      min-height: 1px;
      width: 150px;
      margin-bottom: 30px;
      border-right: 1px solid #ddd;
      margin-left: 15px; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; }
    .icon-industry .resp-border, .icon-industry .mobile-line {
      border: none; } }

@media (max-width: 320px) {
  .icon-industry {
    position: relative;
    display: block;
    margin-top: 15px; }
    .icon-industry .industry-icon {
      float: left;
      height: 100%;
      min-height: 1px;
      width: 120px;
      margin-bottom: 30px;
      border-right: 1px solid #ddd;
      margin-left: 15px; }
      .icon-industry .industry-icon span {
        display: block;
        margin-top: 20px;
        padding-bottom: 15px;
        font-size: 16px; }
    .icon-industry .tab-border {
      border: none; }
    .icon-industry .resp-border, .icon-industry .mobile-line {
      border: none; } }

@media (max-width: 767px) {
  .ser-left {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .ser-right {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .service-linkin li {
    width: 50%;
    float: left;
    margin-bottom: 10px; } }

.tab-left p {
  font-weight: 400; }

@media (min-width: 768px) {
  .tab-left {
    float: left;
    width: 66.66667%; } }

.tab-left p {
  font-size: 16px; }

.tab-left .list-wrp {
  margin-left: -15px;
  margin-right: -15px; }

.tab-left .list-wrp:before, .tab-left .list-wrp:after {
  content: " ";
  display: table; }

.tab-left .list-wrp:after {
  clear: both; }

.tab-left .list-wrp .list1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-left .list-wrp .list1 {
    float: left;
    width: 50%; } }

.tab-left .list-wrp .list2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-left .list-wrp .list2 {
    float: left;
    width: 33.33333%; } }

.tab-left .list-wrp .list3 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-left .list-wrp .list3 {
    float: left;
    width: 33.33333%; } }

.tab-left .list-menu {
  width: 100%;
  float: left; }

.tab-left .list-menu li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d6d6d6;
  font-size: 15px;
  padding: 5px 0 5px 3px;
  background-position: -1319px -8px;
  position: relative;
  font-weight: 400; }

.tab-left .list-menu li :hover {
  text-decoration: none; }

.our-offering {
  margin-bottom: 20px; }

.our-offering p {
  font-size: 15px; }

.our-offering .list-wrp .list1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .our-offering .list-wrp .list1 {
    float: left;
    width: 50%; } }

.our-offering .list-wrp .list2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .our-offering .list-wrp .list2 {
    float: left;
    width: 33.33333%; } }

.our-offering .list-wrp .list3 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .our-offering .list-wrp .list3 {
    float: left;
    width: 33.33333%; } }

.our-offering .list-menu {
  width: 100%;
  float: left; }

.our-offering .list-menu li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  padding: 5px 0 5px 25px;
  background: url(../png/all-icon.png) no-repeat;
  background-position: -1319px -8px;
  position: relative;
  font-weight: 400; }

.our-offering .list-menu li :hover {
  text-decoration: none; }

.tab-full {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 768px) {
  .tab-full {
    float: left;
    width: 100%; } }

.tab-full p {
  font-size: 15px; }

.tab-full .list-wrp {
  margin-left: -15px;
  margin-right: -15px; }

.tab-full .list-wrp:before, .tab-full .list-wrp:after {
  content: " ";
  display: table; }

.tab-full .list-wrp:after {
  clear: both; }

.tab-full .list-wrp .list1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-full .list-wrp .list1 {
    float: left;
    width: 50%; } }

.tab-full .list-wrp .list2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-full .list-wrp .list2 {
    float: left;
    width: 33.33333%; } }

.tab-full .list-wrp .list3 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 992px) {
  .tab-full .list-wrp .list3 {
    float: left;
    width: 33.33333%; } }

.tab-full .list-menu {
  width: 100%;
  float: left; }

.tab-full .list-menu li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  padding: 5px 0 5px 3px;
  background-position: -1319px -8px;
  position: relative;
  font-weight: 400; }

.tab-full .list-menu li :hover {
  text-decoration: none; }

.gallery_product {
  margin-bottom: 20px; }

.gallery_product img {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  padding: 5px; }

/* Solutions
--------------------------*/
blockquote {
  border-left: 2px solid #eee; }
  blockquote p {
    font-weight: 300;
    color: #6a6a6a;
    font-size: 15px;
    line-height: 25px; }
  blockquote span {
    font-weight: 400;
    color: #000;
    padding-top: 10px;
    font-size: 15px; }

.solbox {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px 0;
  float: left; }
  @media (min-width: 768px) {
    .solbox {
      float: left;
      width: 50%; } }

.solbox2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px 0;
  float: left; }
  @media (min-width: 992px) {
    .solbox2 {
      float: left;
      width: 33.33333%; } }

.solbox3-img {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .solbox3-img {
      float: left;
      width: 25%; } }
  .solbox3-img img {
    border: 1px solid #d6d6d6; }

.solbox3-text {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .solbox3-text {
      float: left;
      width: 75%; } }
  .solbox3-text .title {
    font-size: 20px;
    color: #1b1b1b;
    font-weight: 600;
    margin-bottom: 10px; }

.bull-row {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .bull-row {
      float: left;
      width: 50%; } }

@media (max-width: 982px) {
  .solbox2 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .solbox2 {
      float: left;
      width: 100%; } }

/* Testimonials
--------------------------*/
.testimonial-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 1200px) {
    .testimonial-column {
      float: left;
      width: 50%; } }
  .testimonial-column .tesimonial-box {
    width: 100%;
    float: left; }
    .testimonial-column .tesimonial-box .testimonial-box-bottom {
      width: 100%;
      float: left;
      background: url(../png/testimonial-bg.png) no-repeat right top;
      padding: 4px 0 0 0;
      margin-top: 5px; }
    .testimonial-column .tesimonial-box .testimonial-box-name {
      width: 100%;
      float: none;
      background: url(../png/testimonial-arrow.png) no-repeat left top;
      padding: 7px 0 0 0px !important;
      font-size: 14px;
      color: #010101;
      margin-top: 15px;
      text-align: center; }
      .testimonial-column .tesimonial-box .testimonial-box-name span {
        color: #000;
        font-weight: bold; }
    .testimonial-column .tesimonial-box .testimonial-icon1 {
      background: url(../png/testimonial-icon1.png) no-repeat left top;
      width: 50px;
      height: 35px;
      background-size: 46px;
      float: left;
      margin-top: -7px; }
    .testimonial-column .tesimonial-box .testimonial-icon2 {
      background: url(../png/testimonial-icon2.png) no-repeat left top;
      width: 50px;
      height: 35px;
      background-size: 46px;
      float: right; }

.aboutus-testimonials {
  background: #f2f2f2;
  padding: 25px 0px; }

.newabout-heading {
  margin-bottom: 0px !important; }

.newcertified {
  margin-top: 0px !important;
  margin-top: 0px !important; }

.abt-certi-details {
  border: 1px solid #c1c1c1 !important;
  background: #fff; }
  .abt-certi-details img {
    border: 1px solid #c1c1c1 !important; }

.abt-tech {
  background: #f2f2f2; }

@media (max-width: 1023px) {
  .left-testimonial .tesimonialboxin p {
    padding-left: 45px;
    padding-right: 45px; }
  .left-testimonial .tesimonialboxin .testimonial-icon1, .left-testimonial .tesimonialboxin .testimonial-icon2 {
    width: 36px;
    height: 35px;
    background-size: 35px; } }

.testimonial-column.three {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 1200px) {
    .testimonial-column.three {
      float: left;
      width: 33.33333%; } }

.testimonial-name-left {
  line-height: 18px;
  text-align: left; }

.testimonial-with-image {
  position: relative;
  padding-left: 90px !important; }
  .testimonial-with-image .testimonial-clinet-image {
    position: absolute;
    left: 25px;
    top: 10px; }
    .testimonial-with-image .testimonial-clinet-image img {
      width: 50px;
      height: 50px;
      border-radius: 50%; }
  .testimonial-with-image .client-logo {
    width: 100%;
    float: left;
    padding: 2px 0 0 0; }
    .testimonial-with-image .client-logo img {
      max-width: 130px; }

#left .tesimonial-box p {
  text-align: justify; }

#left .tesimonial-box .testimonial-box-bottom {
  display: inline-block;
  float: right;
  width: inherit;
  text-align: right; }

#left .tesimonial-box .testimonial-box-name {
  float: right;
  width: auto;
  text-align: right;
  margin-top: -1px;
  padding-left: 30px !important; }

#left .tesimonial-box .testimonial-box-bottom {
  background: url(../png/testimonial-bg-blue.png) no-repeat right top; }

#left .tesimonial-box .testimonial-box-name {
  background: url(../png/testimonial-arrow-blue.png) no-repeat left top; }

#left .tesimonial-box .testimonial-icon1 {
  background: url(../png/testimonial-icon1-orange.png) no-repeat left top;
  margin-top: 0px;
  width: 38px;
  height: 29px; }

#left .tesimonial-box .testimonial-icon2 {
  background: url(../png/testimonial-icon2-orange.png) no-repeat left top;
  width: 36px;
  height: 30px; }

.testimonial-column.testimonial-color .tesimonial-box {
  width: 100%;
  float: left;
  -webkit-box-shadow: 1px 1px 13px 1px #e4e4e4;
  box-shadow: 1px 1px 13px 1px #e4e4e4;
  overflow: hidden;
  border: 1px solid #e4e4e4;
  padding: 0;
  border-radius: 5px;
  margin: 0 0 30px; }

.testimonial-column.testimonial-color p {
  text-align: left; }

.testimonial-column.testimonial-color .client-note {
  background: #00aeef;
  padding: 10px 15px 10px 15px;
  color: #fff;
  font-size: 16px; }
  .testimonial-column.testimonial-color .client-note .testimonial-icon1 {
    background: url(../png/coma-left-w.png) no-repeat left -4px top;
    background-size: 60px 50px;
    width: 66px;
    height: 52px;
    float: none;
    margin-bottom: 3px;
    display: block;
    clear: both; }

.testimonial-column.testimonial-color .client-note.yellow-bg {
  background: #2fb5c3;
  padding: 10px 15px 10px 15px;
  color: #fff; }
  .testimonial-column.testimonial-color .client-note.yellow-bg .testimonial-icon1 {
    background: url(../png/coma-left-w.png) no-repeat left -4px top;
    background-size: 60px 50px;
    width: 66px;
    height: 52px;
    float: none;
    margin-bottom: 3px;
    display: block;
    clear: both; }

.testimonial-column.testimonial-color .client-note.gray-bg {
  background: #f3f3f3;
  padding: 10px 15px 10px 15px;
  color: #616161; }
  .testimonial-column.testimonial-color .client-note.gray-bg .testimonial-icon1 {
    background: url(../png/coma-left-gray.png) no-repeat left top;
    background-size: 60px 50px;
    width: 66px;
    height: 52px;
    float: none;
    margin-bottom: 3px;
    display: block;
    clear: both; }

.testimonial-column.testimonial-color .testimonial-box-bottom {
  background-image: none;
  padding: 10px 15px;
  margin-top: 0px; }
  .testimonial-column.testimonial-color .testimonial-box-bottom .testimonial-box-name {
    float: none !important;
    background-image: none;
    padding: 0px;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    color: #575757; }
    .testimonial-column.testimonial-color .testimonial-box-bottom .testimonial-box-name span {
      font-size: 18px; }

/* Contact
--------------------------*/
#map {
  width: 100%;
  height: 250px;
  margin: 0px 0 0px;
  float: left; }

.contact-banner {
  width: 100%;
  height: 100%;
  padding: 40px 0px;
  /*margin-top: 39px;*/
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb; }

.contact-top {
  width: 100%;
  float: left;
  padding: 20px 0; }
  .contact-top .title {
    width: 100%;
    float: left;
    font-size: 32px;
    color: #1564af;
    font-weight: 100;
    padding: 10px 0 0 0;
    font-family: "museo-slab"; }
    .contact-top .title span {
      font-weight: normal;
      font-size: 18px;
      color: #252525; }
  .contact-top .main-office-img {
    width: 100%;
    float: left;
    padding: 15px 0 0 0; }
    .contact-top .main-office-img img {
      width: 100%; }
  .contact-top .contact-address {
    width: 100%;
    float: left;
    font-size: 15px;
    line-height: 25px; }
    .contact-top .contact-address p {
      padding: 10px 0 0 0;
      margin: 0px; }
      .contact-top .contact-address p span {
        color: #1564af; }
    .contact-top .contact-address a {
      color: #010101;
      text-decoration: none; }
      .contact-top .contact-address a:hover {
        text-decoration: underline; }
  .contact-top .contact-form {
    width: 100%;
    float: left;
    padding-top: 15px; }
    .contact-top .contact-form .form-control {
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 0px;
      min-height: 45px; }
      .contact-top .contact-form .form-control:focus {
        border: 1px solid #1564af; }
    .contact-top .contact-form .my-btn {
      background-color: #006dcc;
      background-repeat: repeat-x;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
      background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
      background-image: -o-linear-gradient(top, #0088cc, #0044cc);
      background-image: linear-gradient(to bottom, #0088cc, #0044cc);
      padding: 12px 25px;
      color: #fff;
      font-weight: 700;
      font-size: 18px; }
      .contact-top .contact-form .my-btn:hover {
        background-color: #0140b4 !important;
        *background-color: #1060ae;
        background-repeat: repeat-x;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1060ae), to(#1060ae));
        background-image: -webkit-linear-gradient(top, #1060ae, #1060ae);
        background-image: -o-linear-gradient(top, #1060ae, #1060ae);
        background-image: linear-gradient(to bottom, #1060ae, #1060ae); }

.contact-bottom {
  width: 100%;
  float: left;
  padding: 40px 0 30px 0;
  background: #f2f2f2; }
  .contact-bottom .contact-mid-title {
    font-size: 32px;
    font-weight: 400;
    color: #1564af;
    width: 100%;
    text-align: center;
    padding: 0 0 10px;
    font-family: "museo-slab"; }
  .contact-bottom p {
    font-size: 16px; }
  .contact-bottom .contact-box {
    width: 100%;
    float: left;
    margin: 25px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    position: relative;
    min-height: 218px;
    /*background: #ffffff url(/images/contact/location-icon.png) no-repeat  86% 49%;*/ }
  .contact-bottom .location-map {
    position: absolute;
    top: 0%;
    left: 1%; }
  .contact-bottom .title {
    width: 100%;
    float: left;
    padding: 20px 20px 10px 75px;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1564af;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    font-family: "museo-slab"; }
    .contact-bottom .title .sub span {
      font-size: 15px;
      font-weight: normal;
      color: #1a1a1a; }
  .contact-bottom .office-image {
    width: 100%;
    float: left;
    max-height: 150px;
    overflow: hidden; }
    .contact-bottom .office-image img {
      width: 100%; }
  .contact-bottom .address-box {
    width: 100%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px 20px 75px;
    font-size: 15px;
    font-weight: 400;
    min-height: 145px; }
    .contact-bottom .address-box .address1 {
      width: 100%;
      float: left;
      min-height: 70px; }
    .contact-bottom .address-box .address1-1 {
      width: 100%;
      float: left;
      height: 60px; }
    .contact-bottom .address-box .address2 {
      width: 100%;
      float: left;
      padding: 10px 0 0 0; }
      .contact-bottom .address-box .address2 span {
        font-weight: 400;
        color: #105da5; }
      .contact-bottom .address-box .address2 a {
        color: #000; }
        .contact-bottom .address-box .address2 a:hover {
          color: #105da5;
          text-decocation: none; }
  .contact-bottom .social-icon {
    width: 100%;
    float: left;
    text-align: center;
    margin: 15px 0 0 0; }
    .contact-bottom .social-icon .s-icon {
      width: 61px;
      height: 62px;
      display: inline-block;
      margin: 0 5px;
      background: url(../png/social-icon.png) no-repeat; }
    .contact-bottom .social-icon .s-facebook {
      background-position: -0px -0px; }
      .contact-bottom .social-icon .s-facebook:hover {
        background-position: 0px -62px; }
    .contact-bottom .social-icon .s-twitter {
      background-position: -61px 0; }
      .contact-bottom .social-icon .s-twitter:hover {
        background-position: -61px -62px; }
    .contact-bottom .social-icon .s-linkedin {
      background-position: -122px 0; }
      .contact-bottom .social-icon .s-linkedin:hover {
        background-position: -122px -62px; }
    .contact-bottom .social-icon .s-googleplus {
      background-position: -184px 0; }
      .contact-bottom .social-icon .s-googleplus:hover {
        background-position: -184px -62px; }
    .contact-bottom .social-icon .s-pinterest {
      background-position: -244px 0; }
      .contact-bottom .social-icon .s-pinterest:hover {
        background-position: -244px -62px; }
    .contact-bottom .social-icon .s-instagram {
      background-position: -306px 0; }
      .contact-bottom .social-icon .s-instagram:hover {
        background-position: -306px -62px; }
    .contact-bottom .social-icon .s-youtube {
      background-position: -367px 0; }
      .contact-bottom .social-icon .s-youtube:hover {
        background-position: -367px -62px; }
  .contact-bottom .bla {
    color: #1a1a1a; }

.coma-left {
  background: url(../png/coma-left.png) no-repeat left top;
  width: 66px;
  height: 52px;
  float: left; }

.coma-right {
  background: url(../png/coma-right.png) no-repeat left top;
  width: 66px;
  height: 52px;
  float: right; }

h2.heading-testimonials {
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  font-size: 32px;
  color: #fff;
  font-weight: 700;
  position: relative;
  margin: 30px 0 0px; }

.office-map {
  margin-top: 25px;
  margin-bottom: 15px;
  float: left;
  width: 100%; }

.map-text h2 {
  font-size: 32px;
  font-weight: 400;
  color: #1564af;
  width: 100%;
  padding: 0 0 10px;
  margin-bottom: 20px;
  font-family: "museo-slab"; }

.testimonial-contact {
  margin: 15px auto;
  padding: 0 0px;
  width: auto; }
  .testimonial-contact .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden; }
  .testimonial-contact p {
    padding: 10px 0 10px 0px;
    color: #010101;
    font-size: 16px;
    text-align: left;
    line-height: 25px; }
  .testimonial-contact .overview {
    font-size: 14px;
    line-height: 0px;
    padding-bottom: 0px;
    padding-top: 0px; }
  .testimonial-contact .active {
    opacity: 1; }
  .testimonial-contact .active.left {
    left: 0;
    opacity: 0;
    z-index: 1; }
  .testimonial-contact .active.right {
    left: 0;
    opacity: 0;
    z-index: 1; }
  .testimonial-contact .next.left {
    opacity: 1; }
  .testimonial-contact .prev.right {
    opacity: 1; }
  .testimonial-contact .overview {
    padding-left: 0px;
    color: #010101; }
  .testimonial-contact .overview b {
    text-transform: capitalize;
    color: #010101;
    font-size: 16px;
    font-weight: bold; }

.map-img img {
  -webkit-box-shadow: 0px 53px 73px -56px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 53px 73px -56px rgba(0, 0, 0, 0.8); }

@media all and (transform-3d), (-webkit-transform-3d) {
  .testimonial-contact > .item.next,
  .testimonial-contact > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .testimonial-contact > .item.prev,
  .testimonial-contact > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .testimonial-contact > .item.next.left,
  .testimonial-contact > .item.prev.right,
  .testimonial-contact > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/*@media (max-width:768px){
.clearfix {
    display: none;
}
}*/
@media screen and (max-width: 750px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 767px) {
  .address2 a {
    padding: 12px;
    display: inline-block; }
  .contact-bottom .contact-mid-title {
    font-size: 24px; }
  .contact-bottom .contact-box {
    margin: 15px 0px; }
  .contact-banner {
    padding: 15px 0px; }
  .testimonial-contact {
    margin: 0px auto; }
  .widget iframe {
    width: auto;
    margin: 0 auto; } }

#map .gmnoprint a {
  width: 48px !important;
  height: 48px !important;
  display: inline-block !important; }

.top-arrow {
  background: #fff;
  border-radius: 50%;
  position: fixed;
  z-index: 9;
  right: 20px;
  bottom: 55px;
  width: 55px;
  height: 55px;
  padding-top: 17px;
  -webkit-box-shadow: 0px 0px 7px 0px #8a8a8a;
  -moz-box-shadow: 0px 0px 7px 0px #8a8a8a;
  box-shadow: 0px 0px 7px 0px #8a8a8a;
  opacity: 0; }

.top-arrow img {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 28px; }

.top-arrow:hover img {
  -webkit-transform: translatey(-2px);
  -ms-transform: translatey(-2px);
  transform: translatey(-2px); }

.sticky {
  opacity: 1;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }

@media (max-width: 767px) {
  .top-arrow {
    right: 11px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    padding-top: 15px; }
  .top-arrow img {
    width: 18px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .top-arrow {
    right: 10px;
    bottom: 13px;
    padding-top: 16px;
    width: 48px;
    height: 48px; }
  .top-arrow img {
    width: 19px; } }

@media (min-width: 1200px) {
  .top-arrow {
    right: 10px;
    bottom: 13px;
    padding-top: 16px;
    width: 45px;
    height: 45px; }
  .top-arrow img {
    width: 19px; }
  .top-arrow.spacebtn {
    bottom: 82px; } }

.awards-logos .slick-list, .our-clients .slick-list {
  width: 100% !important; }

.client-rev-list {
  padding-top: 0px;
  padding-bottom: 10px;
  display: block;
  clear: both;
  overflow: hidden; }

.client-rev-list div {
  float: left;
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  text-align: center; }

@media (min-width: 768px) and (max-width: 992px) {
  .client-rev-list {
    padding-bottom: 0px; } }

@media (min-width: 575px) {
  .client-rev-list div {
    width: 20%;
    padding-left: 2px;
    padding-right: 2px; } }

@media (min-width: 768px) {
  .client-rev-list div {
    padding-left: 5px;
    padding-right: 10px; } }

/* Site Map
--------------------------*/
.sitemap-boxin {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .sitemap-boxin {
      float: left;
      width: 50%; } }
  .sitemap-boxin .sitemap {
    list-style-type: none;
    margin: 0px 0 0 20px;
    padding: 0px; }
    .sitemap-boxin .sitemap li {
      margin-left: 0px; }
      .sitemap-boxin .sitemap li a {
        background: url(../png/bul_03.png) no-repeat left 8px top 12px;
        padding: 5px 5px 5px 28px;
        display: block;
        color: #7f7f7f;
        text-decoration: none; }
      .sitemap-boxin .sitemap li a:hover {
        padding-left: 28px;
        color: #0d6dc9;
        /*background-color: #f5f5f5;*/ }
  .sitemap-boxin .sitemap.left {
    margin-left: 0px; }

/* Career
--------------------------*/
.panel-default > .panel-heading {
  background: none;
  border-radius: 0px !important;
  color: #1564af; }

.panel-default > .panel-heading a:hover,
.panel-default > .panel-heading a:active,
.panel-default > .panel-heading a:focus {
  text-decoration: none !important;
  outline: none !important;
  color: #000000; }

.panel {
  border-radius: 0px !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.panel-title a {
  display: block;
  font-size: 15px;
  color: #0088cc; }

/* News
--------------------------*/
.news-box .an-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .news-box .an-left {
      float: left;
      width: 33.33333%; } }

.news-box .an-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .news-box .an-right {
      float: left;
      width: 66.66667%; } }
  .news-box .an-right .news-title {
    width: 100%;
    float: left;
    font-size: 22px;
    margin-top: 5px; }
    .news-box .an-right .news-title a:hover {
      text-decoration: none; }

.npad {
  padding-bottom: 10px; }

.news-detail-row {
  margin-left: -15px;
  margin-right: -15px; }
  .news-detail-row:before, .news-detail-row:after {
    content: " ";
    display: table; }
  .news-detail-row:after {
    clear: both; }
  .news-detail-row .newspart {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
    @media (min-width: 992px) {
      .news-detail-row .newspart {
        float: left;
        width: 58.33333%; } }
  .news-detail-row .newspart-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
    @media (min-width: 992px) {
      .news-detail-row .newspart-right {
        float: left;
        width: 41.66667%; } }
  .news-detail-row .news-half {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
    @media (min-width: 992px) {
      .news-detail-row .news-half {
        float: left;
        width: 50%; } }

@media (max-width: 980px) {
  .news-detail-row .newspart {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
  .news-detail-row .newspart-right {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
  .news-detail-row .news-half {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left; } }

/* News
--------------------------*/
.casebox {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 25px; }
  @media (min-width: 992px) {
    .casebox {
      float: left;
      width: 25%; } }
  .casebox .card .cs-image {
    border-bottom: none;
    border-top: 5px solid #0b70b8;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf; }
  .casebox .card_content span {
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.6; }
  .casebox .card {
    height: 235px;
    overflow: hidden;
    position: relative;
    cursor: pointer; }
  .casebox .card_content {
    background-color: #0b70b8;
    padding: 10px 0px 0px 0px;
    position: absolute;
    bottom: -110px;
    color: #fff; }
  .casebox .cs-title {
    padding: 0px 10px; }
  .casebox .cs-name {
    height: 40px;
    display: table;
    vertical-align: middle;
    padding: 0px 10px;
    font-weight: 600; }
  .casebox .cs-name p {
    display: table-cell;
    vertical-align: middle; }
  .casebox .cs-text {
    padding: 0px 10px;
    min-height: 70px; }
  .casebox .card_content {
    color: #fff; }
  .casebox .card_content .cs-name {
    margin-bottom: 10px; }
    .casebox .card_content .cs-name p {
      color: #fff;
      text-align: left;
      line-height: 18px; }
  .casebox .card_content .readmore {
    display: block;
    padding: 8px 10px;
    opacity: 1;
    font-size: 14px;
    margin-top: 7px;
    background: #0961a0; }
  .casebox .cs-container .last {
    margin-right: 0 !important; }
  .casebox .card .cs-image img {
    width: 100%; }

.cs-column {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .cs-column {
      float: left;
      width: 50%; } }

.button-main {
  width: 100%;
  float: left; }

.view-port {
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-radius: 0px;
  border: 0px;
  padding: 10px 15px 10px 35px;
  margin-bottom: 5px;
  margin-left: 10px;
  position: relative; }
  .view-port .view-port-icon {
    width: 26px;
    height: 31px;
    float: left;
    position: absolute;
    left: 3px;
    top: 10px;
    background-position: -829px 0; }
  .view-port:hover {
    background-color: #e6e6e6; }

.download {
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  border-radius: 0px;
  border: 0px;
  padding: 10px 15px 10px 35px;
  margin-left: 10px;
  position: relative; }
  .download .download-icon {
    width: 26px;
    height: 31px;
    float: left;
    position: absolute;
    left: 3px;
    top: 10px;
    background-position: -808px 0; }
  .download:hover {
    background-color: #e6e6e6; }

ul.cs-list li {
  background: url(../jpg/arrow-check.jpg) left 10px no-repeat;
  padding: 5px 0 5px 30px; }

@media (min-width: 1024px) {
  .card:hover .card_content {
    background-color: #0b70b8;
    bottom: 0; }
  .card_content {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; } }

@media (max-width: 1024px) {
  .casebox .card_content {
    bottom: -120px !important;
    color: #fff; }
  .casebox .card {
    height: 222px;
    overflow: hidden;
    position: relative;
    cursor: pointer; } }

@media (max-width: 982px) {
  .casebox {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 982px) and (min-width: 768px) {
    .casebox {
      float: left;
      width: 50%; } }

@media (max-width: 767px) {
  .casebox {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 480px) {
  .casebox {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

/* News
--------------------------*/
.article-boxin .ar-left {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 10px; }
  @media (min-width: 992px) {
    .article-boxin .ar-left {
      float: left;
      width: 33.33333%; } }

.article-boxin img {
  width: 100%; }

.article-boxin .ar-right {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .article-boxin .ar-right {
      float: left;
      width: 66.66667%; } }
  .article-boxin .ar-right .news-title {
    width: 100%;
    float: left;
    font-size: 22px;
    margin-top: 5px; }
    .article-boxin .ar-right .news-title a:hover {
      text-decoration: none; }

.article-boxin .heading10.mtp05 {
  margin-top: 15px; }

.article-boxin .heading10 a {
  color: #000 !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 27px; }

.article-detail-box {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.page-bottom-bg {
  padding: 5px 0 15px;
  display: block;
  clear: both;
  overflow: hidden; }

.heading-top {
  display: block;
  float: left;
  font-size: 24px;
  font-weight: 500;
  margin: 5px 0 15px;
  width: 100%;
  color: #1b1b1b;
  font-family: "museo-slab"; }

.content_title {
  color: #494949;
  font-size: 17px;
  padding: 16px 0px 0px;
  display: block;
  clear: both;
  overflow: hidden;
  font-weight: 700;
  line-height: 22px !important;
  width: 100% !important; }

.page-bottom-bg blockquote {
  padding: 10px 20px;
  margin: 20px 0 20px;
  font-size: 15px;
  font-weight: 300;
  border-left: 5px solid #eeeeee; }

.page-bottom-bg blockquote .font-weight {
  font-weight: 400; }

.heading-top span {
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: #1564af; }

.ar-imgleft {
  float: left;
  padding-right: 15px; }

.artimgbox {
  clear: both;
  font-size: 0px;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 0px; }

.page-bottom-bg p {
  font-size: 16px;
  color: #1d1d1d;
  line-height: 26px;
  display: block;
  clear: both;
  overflow: hidden;
  margin-top: 7px;
  text-align: left;
  text-align: justify; }

.page-bottom-bg .sublink {
  border-top: solid 1px #d2d2d2;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 25px;
  font-weight: 700; }

.page-bottom-bg .sublink a {
  color: #1564af;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline; }

.page-bottom-bg .sublink a:hover {
  color: #093c6d;
  text-decoration: none; }

.page-bottom-bg .heading-in01 {
  border-radius: 3px;
  color: #1d1d1d;
  font-size: 19px;
  font-weight: normal;
  max-width: 100%;
  padding: 8px 0px 0;
  width: 100%;
  font-weight: 700;
  line-height: 27px;
  margin-top: 20px;
  margin-bottom: 0px; }

.page-bottom-bg .blue {
  color: #1d1d1d;
  font-size: 19px;
  font-weight: normal;
  max-width: 100%;
  padding: 8px 0px 0;
  width: 100%;
  font-weight: 600;
  line-height: 27px;
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: "museo-slab"; }

.page-bottom-bg .heading14 {
  color: #1d1d1d;
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px; }

.artboldtext {
  color: #000000;
  font-weight: 700;
  border-top: solid 1px #d2d2d2;
  padding-top: 15px;
  margin-top: 20px;
  margin-bottom: 10px; }

.page-bottom-bg .heading-in01.firsthd {
  margin-top: 6px; }

.page-bottom-bg .solution-quote {
  background: #f6f6f6 !important; }

.font-weight {
  font-weight: 600; }

.callbox {
  display: block;
  clear: both;
  background: #fa7725; }

.callbox .callphone {
  width: 89px;
  min-height: 85px;
  float: left;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative; }

.callbox a, .callbox3 a {
  color: #fff; }

.callbox a:hover, .callbox3 a:hover {
  text-decoration: none; }

.callbox2 .callphone {
  min-height: 55px; }

.callbox .callphone img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22% 0 0 -14%; }

.callbox2 .callphone img {
  margin: -20% 0 0 -14%; }

.callbox .calltext {
  background: #1564af;
  margin-left: 89px;
  display: block;
  min-height: 75px;
  padding: 17px 20px 17px;
  vertical-align: middle; }

.callbox2 .calltext {
  min-height: 55px; }

.callbox .calltext p {
  font-size: 17px;
  color: #ffffff;
  margin: 0px;
  vertical-align: middle;
  display: table-cell;
  line-height: 24px; }

.artical_point {
  margin: 5px 0 15px 15px;
  padding: 0px 0 0; }

.artical_point li {
  background: url("../png/point.png") no-repeat scroll left 10px;
  clear: both;
  list-style-type: none;
  margin: 0 0 0 0px;
  padding: 5px 0 6px 22px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px; }

.callbox3 {
  display: block;
  clear: both;
  background: #1564af; }

.callbox3 .calltext {
  background: #1564af;
  margin-left: 0px;
  display: block;
  min-height: 55px;
  padding: 17px 20px 17px;
  vertical-align: middle; }

.callbox3 .calltext p {
  font-size: 17px;
  color: #ffffff;
  margin: 0px;
  vertical-align: middle;
  display: table-cell;
  line-height: 24px; }

@media (max-width: 1170px) {
  .callbox .calltext {
    padding: 9px 14px 9px; }
  .callbox2 .callphone img {
    margin: -15% 0 0 -14%; }
  .callbox .callphone img {
    top: 45%; }
  .callbox3 .calltext {
    padding: 9px 15px 9px; } }

@media (min-width: 992px) {
  .page-bottom-bg {
    padding: 22px 0 15px; } }

.solution-quote {
  background-color: #fff;
  border-radius: 8px;
  color: #000;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
  padding: 10px; }

@media (min-width: 1200px) {
  .rightimg {
    float: right; } }

/* 404
--------------------------*/
.header-pad {
  padding-bottom: 10px;
  padding-top: 8px; }

.left404 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 80px 0 25px;
  float: left; }
  @media (min-width: 992px) {
    .left404 {
      float: left;
      width: 50%; } }

.right404 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 135px 0 30px;
  float: left; }
  @media (min-width: 992px) {
    .right404 {
      float: left;
      width: 50%; } }
  .right404 a {
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    float: left; }
  .right404 a:hover {
    color: #fff;
    text-decoration: none; }

.search-404 {
  width: 100% !important;
  float: left;
  position: relative;
  margin: 15px 0 5px; }

.search-404 .form-control {
  height: 55px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-size: 18px;
  border: 1px solid #d5d5d5; }

.search-404 .search-button {
  background: #1060ae;
  height: 55px;
  border: none;
  color: #fff;
  font-size: 18px;
  outline: none !important;
  padding-left: 20px;
  padding-right: 20px; }

.search-404 .search-button:hover, .search-404 .search-button:active, .search-404 .search-button:focus {
  background: #044e93 !important;
  color: #fff !important;
  outline: none !important; }

.gray-404 {
  background: #f1f1f1;
  margin-top: 0px; }

@media (max-width: 980px) {
  .left404 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 40px 0; }
  .right404 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 00px 0 10px; } }

@media (max-width: 767px) {
  .header-pad404 {
    padding-bottom: 0px !important; } }

.ftop404 {
  margin-top: 10px !important; }

/* Form
--------------------------*/
.form-control {
  margin-bottom: 12px;
  color: #555555 !important; }

#NotesB {
  display: none; }

.my-btn {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  border-left-color: #0044cc;
  border-right-color: #0044cc;
  border-top-color: #0044cc;
  border-bottom-color: #002a80;
  border: none;
  border-radius: none;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 600; }
  .my-btn:hover {
    background-color: #0140b4 !important;
    *background-color: #1060ae;
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1060ae), to(#1060ae));
    background-image: -webkit-linear-gradient(top, #1060ae, #1060ae);
    background-image: -o-linear-gradient(top, #1060ae, #1060ae);
    background-image: linear-gradient(to bottom, #1060ae, #1060ae); }

.form-boxs {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .form-boxs {
      float: left;
      width: 50%; } }

#discuss-form-place {
  display: none; }

#toggle-slide {
  width: 100%;
  float: left;
  background: #fa7725;
  color: #fff;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  display: none;
  margin: 20px 0; }
  #toggle-slide .arrow {
    position: absolute;
    right: 15px;
    top: 10px; }

@media (max-width: 767px) {
  #toggle-slide {
    display: inherit; }
  #discuss-form-place h2 {
    display: none; }
  #disucss-form {
    margin: 0px 0 25px;
    width: 100%;
    float: left; } }

/* Quiz 
--------------------------*/
.quiz-row {
  width: 100%;
  float: left;
  padding-top: 25px; }

.question-row:hover {
  background: #f0f0f0; }

.quiz-row h3 {
  margin-bottom: 10px; }

.question-row {
  width: 100%;
  float: left;
  border: 1px solid #ededed;
  border-top: none; }

.qui-bg {
  background: #fbfaf9; }

.quiz-wrp {
  border-top: 1px solid #eeeff4;
  width: 100%;
  float: left; }

.quiz-number {
  width: 5%;
  float: left;
  text-align: center;
  padding: 14px 0; }

.quiz-right {
  width: 95%;
  float: right; }

.quiz-question {
  width: 79%;
  float: left;
  border-right: 1px solid #eeeff4;
  border-left: 1px solid #eeeff4;
  padding: 14px 2%;
  margin: 0 -1px; }

.quiz-drp {
  width: 17%;
  float: left;
  text-align: center;
  padding: 10px 2%; }

.quiz-drp2 {
  width: 20%;
  float: left;
  text-align: center;
  margin: 0px 0%;
  padding: 10px 0; }

.quiz-drp select {
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  border-radius: 2px;
  padding: 5px;
  outline: none;
  margin-bottom: 0px; }

.quiz-drp select option {
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 10px; }

.quiz-head {
  background: #1465b0;
  color: #fff;
  text-align: center;
  font-size: 16px; }

.quiz-head:hover {
  background: #1465b0; }

.quiz-row2 {
  width: 100%;
  float: left;
  margin: 25px 0 25px 0; }

.quiz-row2-outer {
  width: 100%;
  float: left;
  border: 1px solid #dbdbdb;
  border-bottom: none; }

.quiz-row2-data {
  width: 100%;
  float: left;
  border-bottom: 1px solid #dbdbdb; }

.quiz-row2-col1 {
  width: 20%;
  float: left;
  padding: 10px 2.5%;
  margin-left: -1px; }

.quiz-row2-col2 {
  width: 70%;
  float: left;
  padding: 10px 2.5%;
  border-left: 1px solid #dbdbdb; }

.quiz-number2 {
  width: auto;
  float: left;
  text-align: center;
  padding: 10px 15px; }

.quiz-head1 {
  padding-top: 21px;
  padding-bottom: 21px;
  text-align: center; }

.quiz-drp-title {
  display: none; }

.quiz-score-table {
  width: 100%;
  float: left;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef; }

.quiz-score-column {
  width: 25%;
  float: left; }

.quiz-score-column-head {
  width: 100%;
  float: left;
  padding: 15px 5%;
  font-size: 15px;
  font-weight: bold;
  text-align: center; }

.quiz-score-column-data {
  width: 100%;
  float: left;
  padding: 15px 5%;
  min-height: 110px;
  border: 1px solid #efefef;
  border-right: none;
  margin-left: -1px;
  min-height: 130px; }

.score-bg1 {
  background: #64a527;
  color: #fff; }

.score-bg2 {
  background: #095c90;
  color: #fff;
  border-right: 1px solid #024c7b; }

.score-bg3 {
  background: #f1911c;
  color: #fff; }

.score-bg4 {
  background: #a20000;
  color: #fff; }

.tab-subtitle {
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 0px;
  padding-top: 0px;
  margin: 0px; }

.error-img {
  margin: 50px 0;
  float: left;
  width: 100%; }

.error-text {
  width: 100%;
  float: left;
  padding: 70px 0; }

.qui-form {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0px;
  margin-top: 20px; }
  @media (min-width: 992px) {
    .qui-form {
      float: left;
      width: 25%; } }

.landing_text {
  color: #fff;
  float: left;
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  padding: 36px 0;
  text-align: center;
  width: 100%; }

.ld-point {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }
  @media (min-width: 992px) {
    .ld-point {
      float: left;
      width: 50%; } }

.ld_blue_sec {
  background: #f6fbff none repeat scroll 0 0;
  border: 1px solid #d8e3ed;
  border-radius: 3px;
  float: left;
  margin-bottom: 20px;
  padding: 15px 5% 5px;
  width: 100%; }

.red-box {
  background: #ffe8e8 none repeat scroll 0 0;
  border: 1px solid #efb5b5;
  border-radius: 3px;
  float: left;
  margin-bottom: 30px;
  padding: 15px 2%;
  width: 96%; }

@media (max-width: 1170px) {
  .quiz-head {
    font-size: 14px; }
  .ipad {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 979px) {
  .quiz-head1 {
    padding-top: 23px;
    padding-bottom: 23px;
    text-align: center; }
  .quiz-number {
    width: 8%; }
  .quiz-right {
    width: 92%; }
  .quiz-score-column-data {
    min-height: 140px; }
  .quiz-drp2 {
    width: 24%; }
  .quiz-question {
    width: 74%; }
  .quiz-drp {
    width: 20%; }
  .qui-form {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 979px) and (min-width: 768px) {
    .qui-form {
      float: left;
      width: 33.33333%; } }

@media (max-width: 979px) {
  .quiz-score-column-data {
    min-height: 165px; }
  .landing_text {
    font-size: 22px; } }

@media (max-width: 767px) {
  .quiz-number {
    width: 8%; }
  .quiz-right {
    width: 92%; }
  .quiz-question {
    width: 77%; }
  .quiz-drp {
    width: 15%; }
  .quiz-score-column {
    width: 50%;
    float: left; }
  .quiz-score-column-data {
    min-height: 100px; }
  .quiz-drp2 {
    width: 18%; }
  .error-img {
    margin: 20px 0;
    float: left;
    width: 100%; }
  .error-text {
    width: 100%;
    float: left;
    padding: 20px 0; }
  .quiz-head1 {
    padding-top: 43px;
    padding-bottom: 43px;
    text-align: center; }
  .ld-banner {
    background-size: cover; }
  .landing_text {
    padding: 16px 0;
    font-size: 20px; } }

@media (max-width: 639px) {
  .quiz-number {
    width: 5%; }
  .quiz-question {
    width: 96%;
    padding-bottom: 5px;
    border-right: 0px; }
  .quiz-drp {
    width: 96%;
    border-left: 1px solid #eeeff4;
    margin-left: -1px;
    padding-top: 10px; }
  .quiz-drp-title {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0 5px;
    display: inherit;
    text-align: left; }
  .quiz-drp-hide {
    display: none; }
  .quiz-head1 {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center; }
  .quiz-number2 {
    width: 96%;
    float: left;
    text-align: center;
    padding: 10px 2% 0; }
  .quiz-score-column-data {
    min-height: 120px; }
  .quiz-drp2 {
    width: 100%;
    margin-top: 10px; }
  .qa-box-left {
    width: 25%; }
  .qa-box-right {
    width: 50%; }
  .qui-form {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 479px) {
  .quiz-score-column {
    width: 100%;
    float: left; }
  .quiz-score-column-data {
    min-height: 100px; } }

/* Blog
--------------------------*/
.bloglink {
  width: 100%;
  float: left; }
  .bloglink li {
    padding: 5px 0 5px 0px;
    float: left;
    clear: both; }
    .bloglink li a {
      color: #1465b0;
      text-decoration: none;
      background: url(../gif/rssbutton.gif) no-repeat left 5px;
      padding-left: 20px;
      float: left; }
    .bloglink li a:hover {
      color: #313131;
      text-decoration: none; }

ul.recentPosts li {
  border-bottom: 1px solid #ebebeb;
  font-size: 17px;
  font-weight: 300;
  padding: 13px 0 40px; }

.left_rating {
  float: left;
  padding: 8px 0 0;
  width: 100%; }

ul.recentPosts li span {
  display: block;
  text-indent: 10px;
  text-transform: none; }

.comment_bl {
  color: #666666;
  float: left;
  font-size: 14px;
  font-weight: 300;
  width: auto; }

.rating {
  margin-bottom: 10px; }

.rating {
  color: #666666;
  float: right;
  font-size: 14px;
  font-weight: 300;
  width: auto; }

.rating img, .comment_bl img {
  vertical-align: middle; }

.blog-row {
  width: 100%;
  float: left; }
  .blog-row h1 {
    font-size: 20px;
    width: 100%;
    float: left; }
  .blog-row a:hover {
    color: #313131;
    text-decoration: none; }
  .blog-row .posted {
    color: #666666;
    font-size: 13px;
    width: 100%;
    float: left; }
  .blog-row .blog-row-bottom {
    border: 1px solid #ebebeb;
    width: 100%;
    float: left; }
  .blog-row .blog-row-bottom-tp {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #ebebeb;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px; }
  .blog-row .blog-row-bottom-tp a, .blog-row .blog-row-bottom-bt a {
    color: #010101; }
  .blog-row .blog-row-bottom-tp a:hover, .blog-row .blog-row-bottom-bt a:hover {
    text-decoration: none;
    color: #1564af; }
  .blog-row .blog-row-bottom-bt {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #010101;
    width: 100%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px; }

.blog-bottom {
  width: 100%;
  float: left;
  border-top: 2px dotted #000;
  border-bottom: 2px dotted #000;
  padding: 20px 0; }

.related-post {
  width: 100%;
  float: left;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ebebeb; }

.blog-search {
  margin-top: -50px;
  float: right; }

.checkbox label {
  font-size: 13px;
  color: #414141; }

.blog-comment-form {
  width: 100%;
  float: left; }
  .blog-comment-form .form-group, .blog-comment-form .form-horizontal {
    width: 100% !important;
    margin-bottom: 4px; }
  .blog-comment-form label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: normal;
    margin-right: 20px; }
    @media (min-width: 992px) {
      .blog-comment-form label {
        float: left;
        width: 8.33333%; } }
  .blog-comment-form .form-control {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #000; }
    @media (min-width: 992px) {
      .blog-comment-form .form-control {
        float: left;
        width: 41.66667%; } }
  .blog-comment-form .captcha-img {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 40px; }
    @media (min-width: 992px) {
      .blog-comment-form .captcha-img {
        float: left;
        width: 8.33333%; } }
  .blog-comment-form .captcha-form {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .blog-comment-form .captcha-form {
        float: left;
        width: 16.66667%; } }
  .blog-comment-form .form-control select {
    color: #000; }
  .blog-comment-form .checkbox-wrp label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 992px) {
      .blog-comment-form .checkbox-wrp label {
        float: left;
        width: 100%; } }

.rating {
  margin-bottom: 10px; }

.rating p {
  display: inline;
  left: 55px;
  position: relative;
  top: 14px; }

.star-rating {
  background-position: left top;
  height: 25px;
  list-style: outside none none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 125px; }

.star-rating li {
  display: inline; }

.star-rating a, .star-rating .current-rating {
  border: medium none;
  height: 25px;
  left: 0;
  line-height: 25px;
  outline: medium none;
  overflow: hidden;
  position: absolute;
  text-indent: -1000em;
  top: 0; }

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
  background-position: left bottom; }

.star-rating a.one-star {
  width: 20%;
  z-index: 6; }

.star-rating a.two-stars {
  width: 40%;
  z-index: 5; }

.star-rating a.three-stars {
  width: 60%;
  z-index: 4; }

.star-rating a.four-stars {
  width: 80%;
  z-index: 3; }

.star-rating a.five-stars {
  width: 100%;
  z-index: 2; }

.star-rating .current-rating {
  background-position: left center;
  z-index: 1; }

.small-star {
  height: 10px;
  width: 50px; }

.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
  background-image: url("../gif/star_small.gif");
  height: 10px;
  line-height: 10px; }

.blog-comment {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  float: left;
  border: 1px solid silver;
  margin-bottom: 20px; }
  .blog-comment .blog-comment-top {
    width: 100%;
    float: left;
    text-align: right;
    border-bottom: 1px dashed silver;
    color: #666666;
    padding: 5px 0;
    font-size: 13px; }
  .blog-comment .blog-comment-sub {
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left; }
    .blog-comment .blog-comment-sub:before, .blog-comment .blog-comment-sub:after {
      content: " ";
      display: table; }
    .blog-comment .blog-comment-sub:after {
      clear: both; }
    .blog-comment .blog-comment-sub .blog-avatar {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .blog-comment .blog-comment-sub .blog-avatar {
          float: left;
          width: 16.66667%; } }
    .blog-comment .blog-comment-sub .blog-comment-text {
      position: relative;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 992px) {
        .blog-comment .blog-comment-sub .blog-comment-text {
          float: left;
          width: 83.33333%; } }
  .blog-comment .blog-comment-bottom {
    width: 100%;
    float: left;
    font-size: 13px;
    border-top: 1px dashed silver;
    color: #666666;
    padding: 5px 0;
    font-size: 13px; }

.blog-comment-form label {
  display: block;
  float: left;
  margin-top: 4px;
  width: 80px; }

.blog-comment-form input {
  width: 300px; }

.blog-comment-form textarea {
  border: 1px solid silver;
  height: 150px;
  width: 100%; }

#commentMenu {
  clear: both;
  margin: 0;
  padding: 0; }

#commentMenu li {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #d8d8d8 none repeat scroll 0 0;
  border-color: silver silver transparent;
  -webkit-border-image: none;
  -o-border-image: none;
  border-image: none;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  cursor: pointer;
  float: left;
  list-style: outside none none;
  margin: 0 5px 0 0;
  padding: 3px 8px;
  position: relative;
  top: 2px; }

#commentMenu li.selected {
  background: white none repeat scroll 0 0;
  border-bottom: 1px solid white; }

#commentPreview {
  clear: both;
  display: none;
  min-height: 150px; }

.success {
  color: green;
  font-weight: bold; }

.blog-comment-form .bbcode {
  float: right;
  font-size: 90%;
  padding: 3px;
  position: relative;
  top: 20px; }

.blog-comment-form .bbcodeNoLivePreview {
  top: 0; }

.bbcode a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  margin: 1px;
  padding: 1px 3px; }

.loginbox {
  margin: 0 auto; }

.loginbox td {
  padding: 3px; }

#ctl00_cphBody_Login1_UserName, #ctl00_cphBody_Login1_Password {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  -webkit-transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, -webkit-box-shadow 0.2s linear 0s;
  border-radius: 4px;
  color: #555555;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 4px 6px;
  vertical-align: middle; }

.admin-login-link {
  width: 100%; }
  .admin-login-link float:left li {
    width: 100%;
    float: left;
    line-height: 30px !important; }

.admin-edit {
  margin: 10px 0 -10px 0;
  font-size: 14px; }

.admin-main-link {
  width: 100%;
  float: left;
  border: 1px solid #dbdbdb;
  padding: 3px 0;
  margin-top: 10px; }

.admin-main-link a {
  margin: 0 15px;
  float: left; }

.blog-table-in-wrp {
  width: 100%;
  float: left; }

.blog-table-in {
  width: 870px;
  float: left; }

.blog-table-in td, .blog-table-in th {
  border: 1px solid #efefef;
  padding: 5px; }

.buttn {
  display: none; }

.blog-table-in th {
  color: #1465b0; }

/* This is Blog style for table */
.lp-table td {
  border: 1px solid #ebebeb;
  margin-top: -1px;
  padding: 10px 10px; }

.lp-table th {
  border: 1px solid #ebebeb;
  margin-top: -1px;
  padding: 10px 10px;
  font-size: 16px;
  color: #1465b0;
  text-align: left; }

.lp-gray {
  background: #f7f7f7; }

.lp-pading {
  margin-top: 25px; }

.lp-pading2 {
  margin-top: 25px; }

.lp-table {
  margin-left: -1px; }

/* This is Blog style for table */
.blog-data-container ul {
  list-style: none;
  width: 100%;
  float: left; }
  .blog-data-container ul li {
    background: url(../png/bullet.png) left 3px no-repeat;
    display: block;
    padding-left: 24px;
    margin-bottom: 10px; }

.blog-bullets {
  list-style: none;
  width: 100%;
  float: left; }

.blog-bullets li {
  background: url(../png/bullet.png) left 3px no-repeat;
  display: block;
  padding-left: 24px;
  margin-bottom: 10px; }

.searchresult {
  width: 100%;
  float: left;
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0; }

.searchresult a {
  width: 100%;
  float: left;
  font-weight: 600;
  color: #1564af;
  font-size: 16px; }

.text {
  font-size: 14px;
  margin-bottom: 5px;
  width: 100%;
  float: left; }

.type, .url {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #1a1a1a; }

.paging li {
  width: auto;
  float: left;
  margin: 10px 5px;
  width: 30px;
  height: 30px;
  color: #1564af;
  line-height: 30px;
  background: #f0f0f0;
  text-align: center;
  border-radius: 3px; }

.paging li.active, .paging li.active a {
  background: #1564af;
  color: #fff !important; }

#searchpage input[type=text] {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #000;
  display: block;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 12px;
  float: left; }

#searchpage input[type=button] {
  background-color: #006dcc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 15px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  margin-left: 10px; }

#searchpage label {
  font-weight: normal;
  margin-left: 5px;
  font-size: 13px; }

#searchpage input[type=checkbox] {
  margin-left: 5px; }

#ctl00_cphBody_h1Headline {
  color: #696969;
  float: left;
  font-size: 23px;
  font-weight: normal;
  line-height: 25px;
  margin: 0;
  padding: 25px 0 15px;
  width: 100%; }

@media (max-width: 1023px) {
  .blog-comment-form .form-group, .blog-comment-form .form-horizontal {
    width: 100% !important;
    margin-bottom: 4px; }
  .blog-comment-form label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment-form label {
      float: left;
      width: 16.66667%; } }

@media (max-width: 1023px) {
  .blog-comment-form .form-control {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    color: #000; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment-form .form-control {
      float: left;
      width: 41.66667%; } }

@media (max-width: 1023px) {
  .blog-comment-form .captcha-img {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    padding-left: 0px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment-form .captcha-img {
      float: left;
      width: 16.66667%; } }

@media (max-width: 1023px) {
  .blog-comment-form .captcha-form {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment-form .captcha-form {
      float: left;
      width: 16.66667%; } }

@media (max-width: 1023px) {
  .blog-comment-form .checkbox-wrp label {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment-form .checkbox-wrp label {
      float: left;
      width: 100%; } }

@media (max-width: 1023px) {
  .blog-comment .blog-comment-sub .blog-avatar {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment .blog-comment-sub .blog-avatar {
      float: left;
      width: 25%; } }

@media (max-width: 1023px) {
  .blog-comment .blog-comment-sub .blog-comment-text {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }
  @media (max-width: 1023px) and (min-width: 768px) {
    .blog-comment .blog-comment-sub .blog-comment-text {
      float: left;
      width: 75%; } }

@media (max-width: 1023px) {
  .blog-table-in-wrp {
    overflow-x: scroll; } }

@media (max-width: 979px) {
  .blog-search {
    margin-top: 0px;
    width: 100%; } }

@media (max-width: 767px) {
  .blog-search .form-group {
    width: 100% !important;
    display: inline; }
  .blog-search .my-btn-b {
    width: auto;
    float: left; }
  .blog-search .checkbox {
    margin-top: -20px;
    margin-left: 85px; }
  .blog-comment-form .form-group, .blog-comment-form .form-horizontal {
    width: 100% !important;
    margin-bottom: 4px; }
  .blog-comment-form label {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px; }
  .blog-comment-form .form-control {
    position: relative;
    float: left;
    width: 58.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment-form .captcha-img {
    position: relative;
    float: left;
    width: 16.66667%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
    padding-left: 0px; }
  .blog-comment-form .captcha-form {
    position: relative;
    float: left;
    width: 33.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment-form .checkbox-wrp label {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment .blog-comment-sub .blog-avatar {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment .blog-comment-sub .blog-comment-text {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 640px) {
  #searchpage input[type=text] {
    width: 100%; }
  #searchpage input[type=button] {
    margin-left: 0px;
    margin-top: 10px; } }

@media (max-width: 500px) {
  .blog-comment-form .form-group, .blog-comment-form .form-horizontal {
    width: 100% !important;
    margin-bottom: 4px; }
  .blog-comment-form label {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px; }
  .blog-comment-form .form-control {
    position: relative;
    float: left;
    width: 58.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment-form .captcha-img {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 19px;
    padding-left: 0px; }
  .blog-comment-form .captcha-form {
    position: relative;
    float: left;
    width: 33.33333%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .blog-comment-form .checkbox-wrp label {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  #gravatarmsg {
    clear: both;
    float: left;
    width: 100%; } }

@media (max-width: 359px) {
  .blog-comment-form {
    padding: 0 0px; }
    .blog-comment-form .form-group, .blog-comment-form .form-horizontal {
      width: 100% !important;
      margin-bottom: 4px; }
    .blog-comment-form label {
      position: relative;
      float: left;
      width: 33.33333%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 10px; }
    .blog-comment-form .form-control {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .blog-comment-form .captcha-img {
      position: relative;
      float: left;
      width: 25%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      margin-right: 20px;
      padding-left: 0px; }
    .blog-comment-form .captcha-form {
      position: relative;
      float: left;
      width: 25%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
    .blog-comment-form .checkbox-wrp label {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; } }

.blog-data-container .calltext a:hover {
  color: #fff !important; }

/* Video
--------------------------
@import "layout/video";*/
/* Sales Video page
--------------------------*/
/***** MODAL PROPERTIES *****/
.modal-content {
  border-radius: 0px; }

.sales-video-top {
  background: url(../jpg/video-banner.jpg) no-repeat right top;
  width: 100%;
  float: left;
  padding: 0px 0 0px;
  color: #fff;
  background-size: cover; }

.video-overlay {
  width: 100%;
  float: left;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 0 0px; }

.salespgae-logo {
  margin-top: 00px;
  padding-left: 0px; }

.sales-video-top-text {
  color: #fff;
  float: left;
  font-size: 30px;
  margin-top: 40px;
  line-height: 45px;
  font-weight: bold;
  padding: 0px 0 0;
  text-align: left;
  width: 100%; }

.video-testimonial {
  line-height: 20px;
  margin-top: 00px;
  text-align: left; }

.video-form-box {
  background: rgba(23, 104, 179, 0.7);
  width: 100%;
  padding: 25px 0;
  margin-top: 30px; }

.video-textbox {
  height: 50px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  font-size: 16px; }

.video-form-box .my-btn {
  height: 50px;
  border-radius: 0px;
  font-size: 16px;
  background: #fa7725;
  text-shadow: none; }

.video-textbox:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.video-form-box .my-btn:hover {
  color: #fff;
  background: #cb4e00 !important; }

.video-sales-bottom {
  width: 100%;
  float: left;
  background: #f1f1f1;
  padding: 35px 0 20px;
  margin: 10px 0 0; }

.img-sunil-jagani {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: 25px; }

.sales-video-top header {
  border-bottom: 0px !important;
  color: #fff; }

.sales-video {
  width: 854px;
  margin: 0 auto; }

.embed-container {
  position: relative;
  padding-bottom: 279px;
  height: 0;
  overflow: hidden;
  width: 100%;
  margin: 0px 0 30px;
  border: 1px solid #f1f1f1; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.sales-cta {
  font-size: 18px;
  line-height: 30px; }

.vpad {
  margin-top: 0px;
  background: #f8f6f6; }

.slase-schedul-btn {
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 500;
  outline: none !important; }

.slase-schedul-btn:hover, .slase-schedul-btn:active, .slase-schedul-btn:focus {
  color: #fff;
  text-decoration: none; }

#salesmodal .sales-modal, #salesmodal .modal-dialog {
  width: 400px; }

.video-testimonial {
  margin-top: 25px; }

.testimonial-quote-icon {
  margin-top: -10px; }

/***** MEDIA QUERIES *****/
@media only screen and (max-width: 980px) {
  .sales-video {
    width: 90%;
    margin: 0 auto; } }

@media only screen and (max-width: 767px) {
  #salesmodal .modal-dialog {
    margin: 10px auto; } }

@media only screen and (max-width: 641px) {
  .video-textbox {
    height: 40px; }
  .video-form-box .my-btn {
    height: 40px; }
  .sales-video-top-text {
    font-size: 20px;
    margin-top: 30px;
    line-height: 30px; } }

@media only screen and (max-width: 479px) {
  .video-form-xs .input-group-addon, .video-form-xs .input-group-btn, .input-group .form-control {
    display: inline-block; }
  .video-form-xs .my-btn {
    margin-top: 10px; }
  #salesmodal .sales-modal {
    width: 100%; }
  #salesmodal .modal-dialog {
    width: calc(100% - 20px); } }

@media only screen and (min-width: 768px) {
  .embed-container {
    padding-bottom: 479px; }
  .sales-video-top {
    background-size: cover; } }

@media only screen and (min-width: 991px) {
  .salespgae-logo {
    margin-top: 30px; }
  .sales-video-top-text {
    color: #fff;
    font-size: 40px;
    margin-top: 70px;
    line-height: 55px; }
  .video-testimonial {
    margin-top: 118px;
    margin-bottom: 52px; } }

@media only screen and (min-width: 1250px) {
  .video-overlay {
    padding: 0 0 00px; }
  .sales-video-top {
    background-position: left -250px; }
  .sales-video-top2 {
    background-position: left -0px; } }

/* Loader
--------------------------*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #1465b0;
  position: fixed;
  z-index: 100000000000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px; }

/* Wordpress Home page 
--------------------------*/
/* WP Home page
--------------------------*/
/* WP Home page
--------------------------*/
/* Basic css **/
.inter-fonts * {
  font-family: "Inter", sans-serif; }

a.btn-new {
  position: relative;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  text-transform: uppercase;
  height: 30px;
  display: block;
  text-decoration: none;
  float: left;
  letter-spacing: 0.325em;
  text-align: center; }

a.btn-new::after {
  background-image: -webkit-gradient(linear, right top, left top, from(#fb4b66), to(#fe9667));
  background-image: -webkit-linear-gradient(right, #fb4b66 0%, #fe9667 100%);
  background-image: -o-linear-gradient(right, #fb4b66 0%, #fe9667 100%);
  background-image: linear-gradient(270deg, #fb4b66 0%, #fe9667 100%);
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: calc(100% - 4px); }

.text-center img {
  display: inline; }

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

p.small_p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  text-align: left; }

@media (min-width: 992px) and (max-width: 1199px) {
  p.small_p {
    font-size: 15px;
    line-height: 21px; } }

@media (min-width: 575px) and (max-width: 991px) {
  p.small_p {
    font-size: 14px;
    line-height: 21px; } }

@media (max-width: 574px) {
  p.small_p {
    font-size: 13px;
    line-height: 18px; } }

.fixed-header {
  -webkit-box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.25); }

/** .container {
  max-width: 1245px;
  width: 100%;
  @media (min-width: 1200px) and (max-width: 1245px) {
    max-width: 1190px;
    width: 100%;
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    max-width: 980px;
    width: 100%;
  }
  @media (min-width: 768px) and (max-width: 991px) {
    max-width: 90%;
    width: 100%;
  }
} **/
@media (min-width: 768px) and (max-width: 991px) {
  .sm-hidden {
    display: none !important; } }

/* WP Home page End
--------------------------*/
/*------------------------
 banner section 
------------------------*/
.main-banner-section {
  margin-top: 0; }

.main-banner-section .slider-wp {
  display: inline-block;
  width: 100%; }

.main-banner-section .slider-wp #main-slider-wp.slide {
  width: 100%;
  position: relative; }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item {
  height: 100%;
  padding: 30px 0 50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

@media (min-width: 768px) and (max-width: 991px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .container .row div + div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .container .row div + div img {
    height: 200px;
    margin-bottom: 0;
    float: right; } }

@media (max-width: 767px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .container .row div + div {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .container .row div + div img {
    height: 180px;
    margin-bottom: 15px; } }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content a.btn-new {
  margin-top: 80px; }

@media (min-width: 1451px) and (max-width: 1919px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content a.btn-new {
    margin-top: 60px; } }

@media (min-width: 1200px) and (max-width: 1450px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content a.btn-new {
    margin-top: 50px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content a.btn-new {
    margin-top: 40px; } }

@media (max-width: 991px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content a.btn-new {
    margin-top: 30px;
    font-size: 14px; } }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: #000000; }

@media (min-width: 1451px) and (max-width: 1919px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
    font-size: 42x; } }

@media (min-width: 1200px) and (max-width: 1450px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
    font-size: 38px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
    font-size: 32px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
    font-size: 28px; } }

@media (max-width: 767px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h3.banner-heading {
    font-size: 24px; } }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
  letter-spacing: 0.135em;
  color: #ababab;
  margin-bottom: 30px; }

@media (min-width: 1451px) and (max-width: 1919px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h5 {
    font-size: 18x;
    margin-bottom: 25px; } }

@media (min-width: 1200px) and (max-width: 1450px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h5 {
    font-size: 18px;
    margin-bottom: 20px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h5 {
    font-size: 18px;
    margin-bottom: 20px; } }

@media (max-width: 991px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content h5 {
    font-size: 16px;
    margin-bottom: 15px; } }

@media (max-width: 991px) {
  .main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item .align-center .slider-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto; } }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item.slider-1 {
  background-image: url("../jpg/home-banner03bg-2.jpg"); }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item.slider-2 {
  background-image: url("../jpg/home-banner06bg.jpg"); }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-inner .item.slider-3 {
  background-image: url("../jpg/home-banner05bg.jpg"); }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-indicators {
  height: 20px;
  bottom: 15px; }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-indicators li {
  width: 17px;
  height: 17px;
  font-size: 0;
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 100px;
  margin: 0; }

.main-banner-section .slider-wp #main-slider-wp.slide .carousel-indicators li.active {
  background: -webkit-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: -o-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: linear-gradient(105.91deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9; }

@media (min-width: 768px) and (max-width: 991px) {
  .main-banner-section {
    margin-top: 0; } }

@media (min-width: 992px) {
  .main-banner-section .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 767px) {
  .main-banner-section {
    margin-top: 0; } }

.main-banner-section .banner-image {
  float: right;
  margin-top: -230px;
  left: 0;
  position: relative; }

@media (max-width: 1359px) {
  .main-banner-section .banner-image {
    max-width: 100%;
    width: 100%;
    margin-top: -150px; } }

@media (min-width: 1200px) and (max-width: 1199px) {
  .main-banner-section .banner-image {
    margin-top: -150px;
    position: relative;
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .main-banner-section .banner-image {
    margin-top: -150px;
    position: relative;
    width: 100%; } }

@media (min-width: 768px) and (max-width: 991px) {
  .main-banner-section .banner-image {
    float: none;
    margin-top: 0;
    left: 0;
    max-width: 480px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block; } }

@media (max-width: 767px) {
  .main-banner-section .banner-image {
    float: none;
    margin-top: 0;
    left: 0;
    max-width: 480px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block; } }

/*------------------------
 technology section
------------------------*/
.technology-section {
  position: relative;
  padding: 65px 0 0;
  z-index: 1;
  /** brand slider **/ }

@media (max-width: 1280px) {
  .technology-section {
    padding: 50px 0 0; } }

.technology-section h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 60px;
  line-height: normal;
  letter-spacing: -0.01em;
  color: #000000;
  opacity: 0.1;
  margin-bottom: -22px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .technology-section h3 {
    font-size: 55px;
    line-height: normal;
    margin-bottom: -20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .technology-section h3 {
    font-size: 45px;
    line-height: normal;
    margin-bottom: -18px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .technology-section h3 {
    font-size: 35px;
    line-height: normal;
    margin-bottom: -10px; } }

@media (max-width: 575px) {
  .technology-section h3 {
    font-size: 30px;
    line-height: normal;
    margin-bottom: -10px; } }

.technology-section .technology-slider {
  background: #fff;
  -webkit-box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 40px 95px;
  width: calc(100% + 190px);
  margin-left: -95px;
  position: relative; }

@media (min-width: 1421px) and (max-width: 1560px) {
  .technology-section .technology-slider {
    width: 100%;
    margin-left: 0; } }

@media (min-width: 1200px) and (max-width: 1420px) {
  .technology-section .technology-slider {
    width: 100%;
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 25px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .technology-section .technology-slider {
    padding: 20px 30px;
    width: 100%;
    margin-left: 0; } }

@media (max-width: 991px) {
  .technology-section .technology-slider {
    padding: 10px 30px;
    width: 100%;
    margin-left: 0; } }

.technology-section .technology-slider .logos-slider {
  padding: 0 70px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .technology-section .technology-slider .logos-slider {
    padding: 0 55px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .technology-section .technology-slider .logos-slider {
    padding: 0 45px; } }

@media (max-width: 767px) {
  .technology-section .technology-slider .logos-slider {
    padding: 0 45px; } }

.technology-section .technology-slider .logos-slider .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.technology-section .technology-slider .logos-slider .slick-list .slick-slide {
  margin: 0px;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (min-width: 992px) and (max-width: 1199px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide {
    min-height: 125px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide {
    min-height: 110px; } }

@media (max-width: 768px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide {
    min-height: 120px; } }

.technology-section .technology-slider .logos-slider .slick-list .slick-slide span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000; }

@media (max-width: 991px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide span {
    font-size: 15px; } }

.technology-section .technology-slider .logos-slider .slick-list .slick-slide span img {
  height: 80px; }

.technology-section .technology-slider .logos-slider .slick-list .slick-slide span + span {
  margin-top: 25px; }

@media (min-width: 768px) and (max-width: 991px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide span + span {
    margin-top: 25px; } }

@media (max-width: 768px) {
  .technology-section .technology-slider .logos-slider .slick-list .slick-slide span + span {
    margin-top: 20px; } }

.technology-section .technology-slider .logos-slider button.slick-arrow {
  position: absolute;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0 0; }

.technology-section .technology-slider .logos-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: 0; }

.technology-section .technology-slider .logos-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: 0; }

.technology-section .slick-slide + .slick-slide {
  border-left: solid #e5e5e5 1px; }

@media (max-width: 640px) {
  .technology-section .slick-slide + .slick-slide {
    border-left: none; } }

/*------------------------
 service section
------------------------*/
.services-section {
  padding: 30px 0 50px;
  background-image: url("../svg/blue-left-shape.svg");
  background-repeat: no-repeat;
  background-size: auto 280px;
  background-position: left center;
  background-color: #fff;
  position: relative; }

@media (max-width: 991px) {
  .services-section {
    background-image: none; } }

.services-section .container {
  position: relative;
  z-index: 2; }

.services-section .container .col-md-7 {
  display: flow-root list-item; }

.services-section .container .col-md-7::marker {
  display: none;
  list-style: none;
  font-size: 0; }

.services-section .container:before {
  background-image: url("../svg/circle-red.svg");
  background-repeat: no-repeat;
  background-position: top right;
  width: 25px;
  height: 25px;
  content: "";
  position: absolute;
  display: block;
  right: 35px;
  bottom: 240px;
  background-size: auto 100%;
  z-index: 1; }

@media (max-width: 991px) {
  .services-section .container:before {
    width: 24px;
    display: none;
    height: 24px;
    right: 20px;
    bottom: 420px;
    background-size: 100% 100%; } }

@media (min-width: 768px) and (max-width: 1399px) {
  .services-section .container:before {
    right: 0; } }

@media (max-width: 991px) {
  .services-section .row + .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
  .services-section .row + .row .order-one {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; } }

.services-section:before {
  background-image: url("../svg/half-round.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 125px;
  height: 220px;
  content: "";
  position: absolute;
  display: block;
  right: 0px;
  bottom: 0;
  z-index: 1;
  background-size: auto 100%; }

@media (max-width: 991px) {
  .services-section:before {
    background-position: center right;
    width: 80px;
    height: 150px;
    right: 0px;
    bottom: 320px;
    display: none; } }

.services-section:after {
  background-image: url("../svg/red-sqaure-right.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 110px;
  height: 270px;
  content: "";
  position: absolute;
  display: block;
  right: 0;
  bottom: 90px;
  z-index: 1;
  background-size: auto 280px; }

@media (max-width: 991px) {
  .services-section:after {
    background-position: center right;
    background-size: auto 200px;
    background-attachment: scroll;
    display: none; } }

.services-section .row {
  margin-top: 50px; }

@media (max-width: 991px) {
  .services-section .row {
    margin-top: 20px; } }

.services-section img {
  margin-top: 15px;
  margin-bottom: 15px;
  max-width: 420px;
  width: 100%; }

@media (min-width: 768px) and (max-width: 991px) {
  .services-section img {
    max-width: 375px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .services-section img {
    max-width: 350px; } }

@media (max-width: 574px) {
  .services-section img {
    max-width: 245px; } }

.services-section h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 42px;
  line-height: normal;
  color: #000000;
  margin-bottom: 10px; }

.services-section h2 span.service_heading_no {
  font-style: normal;
  font-weight: 900;
  font-size: 55px;
  line-height: normal;
  color: #000000;
  opacity: 0.1;
  font-family: "Inter", sans-serif;
  margin-left: 5px; }

@media (min-width: 768px) and (max-width: 991px) {
  .services-section h2 span.service_heading_no {
    font-size: 45px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .services-section h2 span.service_heading_no {
    font-size: 40px; } }

@media (max-width: 574px) {
  .services-section h2 span.service_heading_no {
    font-size: 35px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .services-section h2 {
    font-size: 32px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .services-section h2 {
    font-size: 28px; } }

@media (max-width: 574px) {
  .services-section h2 {
    font-size: 24px; } }

.services-section p {
  margin-bottom: 15px; }

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

.services-section ul li {
  background-image: url("../svg/check-icon.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  color: #000;
  width: 50%;
  float: left;
  margin: 5px 0; }

@media (max-width: 767px) {
  .services-section ul li {
    width: 100%; } }

@media (min-width: 575px) and (max-width: 991px) {
  .services-section ul li {
    font-size: 15px; } }

@media (max-width: 574px) {
  .services-section ul li {
    font-size: 14px; } }

/** developement section **/
.development-section {
  background: #2569db;
  padding: 50px 0 70px;
  position: relative;
  min-height: auto; }

@media (min-width: 768px) and (max-width: 1199px) {
  .development-section {
    padding: 50px 0 50px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .development-section {
    padding: 40px 0 40px; } }

@media (max-width: 574px) {
  .development-section {
    padding: 35px 0 35px; } }

.development-section .container {
  position: relative;
  z-index: 1; }

@media (max-width: 767px) {
  .development-section .container .row .col-md-5 {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto; } }

/*.development-section .container .develop-content + .develop-content {
  margin-top: 65px;
}*/
@media (max-width: 1199px) {
  /*.development-section .container .develop-content + .develop-content {
    margin-top: 35px;
  }*/ }

@media (max-width: 767px) {
  .development-section .container .develop-content + .develop-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto; } }

@media (max-width: 767px) {
  .development-section .container .develop-content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto; } }

.development-section .row.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.development-section .row.d-flex .col-md-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 767px) {
  .development-section .row.d-flex .col-md-5 {
    margin-top: 30px;
    margin-bottom: 30px; } }

@media (max-width: 991px) {
  .development-section .row.d-flex {
    display: inherit; } }

.development-section .row + .row {
  margin-top: 50px; }

.development-section::before {
  content: "";
  background-image: url("../svg/shape2-blue.svg");
  height: 100%;
  max-width: 325px;
  background-size: 100% auto;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  width: 100%;
  background-position: bottom right; }

.development-section::after {
  content: "";
  background-image: url("../svg/shape1-blue.svg");
  height: 100%;
  max-width: 420px;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  width: 100%; }

.development-section h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: #ffffff;
  margin-bottom: 15px; }

@media (min-width: 1200px) and (max-width: 1450px) {
  .development-section h3 {
    font-size: 42px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .development-section h3 {
    font-size: 32px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .development-section h3 {
    font-size: 28px; } }

@media (max-width: 574px) {
  .development-section h3 {
    font-size: 24px; } }

.development-section h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  color: #ffffff; }

@media (min-width: 575px) and (max-width: 992px) {
  .development-section h4 {
    font-size: 17px; } }

@media (max-width: 574px) {
  .development-section h4 {
    font-size: 15px; } }

.development-section p {
  color: #ffffff;
  margin-top: 5px; }

.development-section .develop-content p {
  width: 320px; }

@media (max-width: 1199px) {
  .development-section .develop-content p {
    width: 100%; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .development-section .develop-content p {
    font-size: 14px; } }

@media (min-width: 992px) {
  .development-section .develop-content.text-right {
    display: flow-root; } }

.development-section .develop-content.text-right p {
  text-align: right; }

@media (min-width: 992px) {
  .development-section .develop-content.text-right p {
    float: right; } }

@media (max-width: 991px) {
  .development-section .develop-content.text-right p {
    text-align: left; } }

.development-section .text-left h4 {
  text-align: left; }

.development-section .text-left p {
  text-align: left; }

.development-section .text-right h4 {
  text-align: right; }

@media (max-width: 991px) {
  .development-section .text-right h4 {
    text-align: left; } }

.development-section .text-right p {
  text-align: right; }

@media (max-width: 991px) {
  .development-section .text-right p {
    text-align: left; } }

.development-section .text-center p {
  text-align: center; }

@media (max-width: 767px) {
  .d-none-mobile {
    display: none; } }

@media (min-width: 200px) and (max-width: 766px) {
  .odp1 {
    margin-top: 0px; }
  .odp2 {
    margin-top: 20px; }
  .odp3 {
    margin-top: 20px; }
  .odp4 {
    margin-top: 0px; }
  .odp5 {
    margin-top: 20px; }
  .odp6 {
    margin-top: 20px; } }

@media (min-width: 767px) and (max-width: 992px) {
  .odp1 {
    font-size: 14px !important;
    position: absolute;
    right: 0px;
    margin-top: 6%; }
  .odp2 {
    font-size: 14px !important;
    position: absolute;
    margin-top: 42%;
    right: 0; }
  .odp3 {
    font-size: 14px !important;
    position: absolute;
    margin-top: 82%;
    right: 0px; }
  .odp4 {
    font-size: 14px !important;
    position: absolute;
    left: 0px;
    margin-top: 6%; }
  .odp5 {
    font-size: 14px !important;
    position: absolute;
    margin-top: 42%;
    left: 0; }
  .odp6 {
    font-size: 14px !important;
    position: absolute;
    margin-top: 82%;
    left: 0px; } }

@media (min-width: 993px) {
  .odp1 {
    position: absolute;
    right: -73px;
    margin-top: 4%; }
  .odp2 {
    position: absolute;
    margin-top: 42%;
    right: 0; }
  .odp3 {
    position: absolute;
    margin-top: 82%;
    right: -73px; }
  .odp4 {
    position: absolute;
    left: -73px;
    margin-top: 4%; }
  .odp5 {
    position: absolute;
    margin-top: 42%;
    left: 0; }
  .odp6 {
    position: absolute;
    margin-top: 82%;
    left: -73px; } }

/** portfoli section **/
.portfolio-section {
  padding: 70px 0 70px;
  background-image: url("../svg/red-shape-left.svg");
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
  background-size: auto 500px; }

.portfolio-section .container {
  margin-bottom: 60px; }

.portfolio-section .container #portfolio-slider {
  /** fade slider animation **/
  /** end fade slider animation **/
  width: 100%; }

.portfolio-section .container #portfolio-slider::after {
  background-image: url("../png/shape_blue.png");
  content: "";
  width: 150px;
  height: 150px;
  background-size: 100% auto;
  position: absolute;
  top: -50px;
  background-repeat: no-repeat;
  right: -80px; }

@media (max-width: 991px) {
  .portfolio-section .container #portfolio-slider::after {
    top: 180px;
    width: 120px; } }

@media (max-width: 768px) {
  .portfolio-section .container #portfolio-slider::after {
    top: 150px;
    right: -30px;
    width: 100px;
    background-repeat: no-repeat; } }

.portfolio-section .container #portfolio-slider .carousel-inner .item {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.portfolio-section .container #portfolio-slider .carousel-inner .item, .portfolio-section .container #portfolio-slider .carousel-inner .active.left, .portfolio-section .container #portfolio-slider .carousel-inner .active.right {
  opacity: 0; }

.portfolio-section .container #portfolio-slider .carousel-inner .active, .portfolio-section .container #portfolio-slider .carousel-inner .next.left, .portfolio-section .container #portfolio-slider .carousel-inner .prev.right {
  opacity: 1; }

.portfolio-section .container #portfolio-slider .carousel-inner .next, .portfolio-section .container #portfolio-slider .carousel-inner .prev, .portfolio-section .container #portfolio-slider .carousel-inner .active.left, .portfolio-section .container #portfolio-slider .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.portfolio-section .container #portfolio-slider .row {
  position: relative;
  z-index: 1; }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item > div {
  padding-left: 0;
  padding-right: 0; }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog {
  display: flow-root;
  position: relative;
  z-index: 11;
  max-width: 420px; }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog ul {
  margin: 0px 0 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog ul li {
  background-image: url("../svg/check-icon.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #000;
  width: 100%;
  float: left;
  margin: 5px 0; }

@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog ul li {
    font-size: 15px;
    line-height: 21px; } }

@media (min-width: 575px) and (max-width: 991px) {
  .portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog ul li {
    font-size: 14px;
    line-height: 21px; } }

@media (max-width: 574px) {
  .portfolio-section .container #portfolio-slider .row .carousel-inner .item .slider-content-blog ul li {
    font-size: 13px;
    line-height: 18px; } }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item > div:last-child {
  background: url("../404.html");
  padding-top: 0px;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left top;
  padding-left: 0;
  padding-right: 0; }

.portfolio-section .container #portfolio-slider .row .carousel-inner .item > div:last-child img {
  width: 100%; }

.portfolio-section .container #portfolio-slider .row div.thunbnail-section {
  margin-top: -100px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media (max-width: 1199px) {
  .portfolio-section .container #portfolio-slider .row div.thunbnail-section {
    margin-top: 20px; } }

.portfolio-section .container #portfolio-slider .row div.thunbnail-section .carousel-inner {
  background: none;
  overflow: inherit; }

.portfolio-section .container #portfolio-slider .row div.thunbnail-section .carousel-inner ul {
  width: 680px;
  float: right;
  display: block; }

@media (max-width: 1199px) {
  .portfolio-section .container #portfolio-slider .row div.thunbnail-section .carousel-inner ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.portfolio-section .container #portfolio-slider .row div.thunbnail-section .carousel-inner ul li {
  width: 22%; }

.portfolio-section .container #portfolio-slider .row div.thunbnail-section .carousel-inner ul li img {
  border-radius: 5px;
  max-width: 100%; }

.portfolio-section .container #portfolio-slider ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0; }

.portfolio-section .container #portfolio-slider ul li {
  width: 180px;
  background-image: none;
  padding: 0;
  margin: 0 10px; }

@media (max-width: 991px) {
  .portfolio-section .container #portfolio-slider ul li {
    margin: 0 5px; } }

.portfolio-section .container #portfolio-slider ul li a {
  padding: 0; }

.portfolio-section .container #portfolio-slider ul li a img {
  max-width: 100%; }

.portfolio-section .container #portfolio-slider .arrow_section-bttom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 42px; }

.portfolio-section .container #portfolio-slider .arrow_section-bttom a.carousel-control {
  position: relative;
  background-image: none;
  width: auto;
  margin: 0 15px; }

@media (min-width: 991px) {
  .portfolio-section .container {
    -webkit-box-shadow: 5px 5px 5px 5px #000;
    box-shadow: 0 170px 40px -165px rgba(0, 0, 0, 0.1);
    padding-bottom: 75px; } }

.portfolio-section .container + .container {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.portfolio-section .btn-new {
  margin-bottom: 45px;
  margin-top: 0; }

@media (max-width: 1240px) {
  .portfolio-section {
    padding: 70px 0 70px; } }

.portfolio-section .portfolio-slider .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }

.portfolio-section .portfolio-slider .slick-list .slide.slick-slide {
  margin-left: 10px;
  margin-right: 10px;
  -webkit-box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1); }

.portfolio-section .portfolio-slider .slick-list .slide.slick-slide img {
  width: 100%;
  border-radius: 5px; }

.portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current {
  background-image: url("../404.html");
  background-size: 100% auto;
  background-repeat: no-repeat; }

@media (min-width: 1281px) {
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current {
    width: 700px !important;
    margin-top: -356px;
    padding-top: 35px; }
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current img {
    border-radius: 0 0 5px 5px; } }

@media (min-width: 1200px) and (max-width: 1280px) {
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current {
    width: 650px !important;
    margin-top: -324px;
    padding-top: 35px; }
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current img {
    border-radius: 0 0 5px 5px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current {
    width: 550px !important;
    margin-top: -165px;
    padding-top: 35px; }
  .portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current img {
    border-radius: 0 0 5px 5px; } }

.portfolio-section .portfolio-slider .slick-list .slide.slick-slide.slick-current ~ div {
  display: none !important; }

.portfolio-section .portfolio-slider button.slick-arrow {
  position: absolute;
  bottom: -70px;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0;
  z-index: 1; }

.portfolio-section .portfolio-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: calc(50% - 50px); }

.portfolio-section .portfolio-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: calc(50% - 50px); }

.portfolio-section .facus-sectors .logos-slider {
  padding: 0 70px;
  margin-top: 25px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-section .facus-sectors .logos-slider {
    padding: 0 55px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio-section .facus-sectors .logos-slider {
    padding: 0 45px; } }

@media (max-width: 767px) {
  .portfolio-section .facus-sectors .logos-slider {
    padding: 0 45px; } }

.portfolio-section .facus-sectors .logos-slider .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide {
  margin: 0px;
  min-height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (min-width: 992px) and (max-width: 1199px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide {
    min-height: 125px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide {
    min-height: 110px; } }

@media (max-width: 768px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide {
    min-height: 120px; } }

.portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #000000; }

@media (max-width: 991px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span {
    font-size: 15px; } }

.portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span img {
  max-width: 45px; }

.portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span + span {
  margin-top: 30px; }

@media (min-width: 768px) and (max-width: 991px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span + span {
    margin-top: 25px; } }

@media (max-width: 768px) {
  .portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span + span {
    margin-top: 20px; } }

.portfolio-section .facus-sectors .logos-slider .slick-list .slick-slide span img {
  width: auto; }

.portfolio-section .facus-sectors .logos-slider button.slick-arrow {
  position: absolute;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0 0; }

.portfolio-section .facus-sectors .logos-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: 0; }

.portfolio-section .facus-sectors .logos-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: 0; }

.portfolio-section .facus-sectors .logos-slider .slick-slide + .slick-slide {
  border-left: solid #e5e5e5 1px; }

@media (max-width: 640px) {
  .portfolio-section .facus-sectors .logos-slider .slick-slide + .slick-slide {
    border-left: none; } }

.portfolio-section h3, .wp-main-title h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: #000;
  margin-bottom: 20px; }

@media (min-width: 1200px) and (max-width: 1450px) {
  .portfolio-section h3, .wp-main-title h3 {
    font-size: 42px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .portfolio-section h3, .wp-main-title h3 {
    font-size: 32px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .portfolio-section h3, .wp-main-title h3 {
    font-size: 28px; } }

@media (max-width: 574px) {
  .portfolio-section h3, .wp-main-title h3 {
    font-size: 24px; } }

.portfolio-section ul {
  list-style: none;
  margin: 20px 0 30px;
  padding: 0;
  display: flow-root; }

.portfolio-section ul li {
  background-image: url("../svg/check-icon.svg");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 28px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 150%;
  color: #000;
  width: 100%;
  float: left;
  margin: 5px 0; }

/** experience section **/
.experience-matters-section {
  background: #192574;
  padding: 55px 0 75px; }

@media (max-width: 1240px) {
  .experience-matters-section {
    padding: 65px 0 65px; } }

.experience-matters-section h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: #fff;
  margin-bottom: 10px; }

@media (min-width: 1200px) and (max-width: 1450px) {
  .experience-matters-section h3 {
    font-size: 42px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .experience-matters-section h3 {
    font-size: 32px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .experience-matters-section h3 {
    font-size: 28px; } }

@media (max-width: 574px) {
  .experience-matters-section h3 {
    font-size: 24px; } }

.experience-matters-section h4 {
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  margin-top: 30px; }

@media (max-width: 767px) {
  .experience-matters-section h4 {
    margin-top: 20px;
    font-size: 32px;
    line-height: normal; } }

.experience-matters-section p {
  line-height: 19px;
  text-align: center;
  color: #ffffff;
  margin-top: 5px;
  margin-bottom: 0; }

/** testinomial section **/
.testimonials-slider-section {
  padding: 65px 0 65px;
  background-image: url("../404.html");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px -40px; }

@media (max-width: 575px) {
  .testimonials-slider-section {
    padding: 50px 0 100px; } }

@media (max-width: 768px) {
  .testimonials-slider-section {
    background-position: left bottom;
    background-size: 200px auto;
    background-attachment: fixed; } }

.testimonials-slider-section h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: normal;
  color: #000;
  text-align: left;
  margin-bottom: 5px; }

@media (min-width: 1200px) and (max-width: 1450px) {
  .testimonials-slider-section h3 {
    font-size: 42px; } }

@media (min-width: 768px) and (max-width: 1199px) {
  .testimonials-slider-section h3 {
    font-size: 32px; } }

@media (min-width: 575px) and (max-width: 767px) {
  .testimonials-slider-section h3 {
    font-size: 28px; } }

@media (max-width: 574px) {
  .testimonials-slider-section h3 {
    font-size: 24px; } }

.testimonials-slider-section .testimonial-slider {
  padding: 0px 0 10px;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.testimonials-slider-section .testimonial-slider .slick-list {
  overflow: hidden;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.testimonials-slider-section .testimonial-slider .slick-list p {
  text-align: left;
  color: #000000;
  margin-bottom: 20px; }

.testimonials-slider-section .testimonial-slider .slick-list h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: left;
  color: #f86d3d; }

.testimonials-slider-section .testimonial-slider .slick-list h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  color: #b2b2b2; }

.testimonials-slider-section .testimonial-slider ul.slick-dots {
  margin: 0 auto;
  position: relative;
  width: auto;
  display: inline-block !important;
  float: none;
  bottom: 0;
  top: 30px;
  left: calc(50% - 34px); }

.testimonials-slider-section .testimonial-slider ul.slick-dots li {
  float: left;
  margin: 0 3px; }

.testimonials-slider-section .testimonial-slider ul.slick-dots li button {
  width: 17px;
  height: 17px;
  font-size: 0;
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 100px; }

.testimonials-slider-section .testimonial-slider ul.slick-dots li.slick-active button {
  border-color: transparent;
  background: -webkit-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: -o-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: linear-gradient(105.91deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9; }

.testimonials-slider-section .video-slider {
  padding: 0px 0 10px;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.testimonials-slider-section .video-slider img {
  border-radius: 10px; }

.testimonials-slider-section .video-slider .img-responsive {
  max-width: 100%; }

.testimonials-slider-section .video-slider .slick-list {
  overflow: hidden;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.testimonials-slider-section .video-slider .slick-slide {
  margin: 0 15px; }

.testimonials-slider-section .video-slider .slick-list p {
  text-align: left;
  color: #000000;
  margin-bottom: 20px; }

.testimonials-slider-section .video-slider .slick-list h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: left;
  color: #f86d3d; }

.testimonials-slider-section .video-slider .slick-list h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  color: #b2b2b2; }

.testimonials-slider-section .video-slider ul.slick-dots {
  margin: 0 auto;
  position: relative;
  width: auto;
  display: inline-block !important;
  float: none;
  bottom: 0;
  top: 60px;
  left: calc(50% - 34px); }

.testimonials-slider-section .video-slider ul.slick-dots li {
  float: left;
  margin: 0 3px; }

.testimonials-slider-section .video-slider ul.slick-dots li button {
  width: 17px;
  height: 17px;
  font-size: 0;
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 100px; }

.testimonials-slider-section .video-slider ul.slick-dots li.slick-active button {
  border-color: transparent;
  background: -webkit-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: -o-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: linear-gradient(105.91deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9; }

.testimonials-page .testimonials-videos {
  padding: 0px 0 10px;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.testimonials-page .testimonials-videos .img-responsive {
  max-width: 100%; }

.testimonials-page .testimonials-videos img {
  border-radius: 10px; }

.testimonials-page .testimonials-videos .slick-list {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto; }

.testimonials-page .testimonials-videos .slick-slide {
  margin: 0 15px; }

.testimonials-page .testimonials-videos .slick-list p {
  text-align: left;
  color: #000000;
  margin-bottom: 20px; }

.testimonials-page .testimonials-videos .slick-list h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: left;
  color: #f86d3d; }

.testimonials-page .testimonials-videos .slick-list h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  color: #b2b2b2; }

.testimonials-page .testimonials-videos ul.slick-dots {
  margin: 0 auto;
  position: relative;
  width: auto;
  display: inline-block !important;
  float: none;
  bottom: 0;
  top: 60px;
  left: calc(50% - 34px); }

.testimonials-page .testimonials-videos ul.slick-dots li {
  float: left;
  margin: 0 3px; }

.testimonials-page .testimonials-videos ul.slick-dots li button {
  width: 17px;
  height: 17px;
  font-size: 0;
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 100px; }

.testimonials-page .testimonials-videos ul.slick-dots li.slick-active button {
  border-color: transparent;
  background: -webkit-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: -o-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: linear-gradient(105.91deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9; }

.testimonials-page .prev-btn:before {
  content: '←'; }

.testimonials-page [dir='rtl'] .prev-btn:before {
  content: '→'; }

.testimonials-page .next-btn:before {
  content: '→'; }

.testimonials-page [dir='rtl'] .next-btn:before {
  content: '←'; }

.testimonials-page .prev-btn::before, .testimonials-page .next-btn::before {
  color: #1564af;
  font-size: 42px;
  font-weight: 300; }

.testimonials-page .btn-wrap {
  margin: 15px auto 0;
  display: block;
  text-align: center; }

.testimonials-page .prev-btn, .testimonials-page .next-btn {
  border: 0px;
  background-color: transparent;
  display: inline-block; }

.testimonials-page .testimonials-videos .slick-prev, .testimonials-page .testimonials-videos .slick-next {
  display: none !important; }

.testimonials-page .next-btn.slick-disabled::before, .testimonials-page .prev-btn.slick-disabled::before {
  opacity: 0.2; }

/*.testimonials-page .arrow_section-bttom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 42px;
}
.testimonials-page .arrow_section-bttom a.carousel-control {
  position: relative;
  background-image: none;
  width: auto;
  margin: 0 15px;
}*/
.our-clients-wp {
  -webkit-box-shadow: 5px 5px 5px 5px #000;
  box-shadow: 0 52px 40px -51px rgba(0, 0, 0, 0.1);
  padding-bottom: 60px;
  padding-top: 60px; }

.ourclients-slider {
  padding: 0px 0 10px;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px; }

.ourclients-slider .img-responsive {
  max-width: 100%; }

.ourclients-slider .slick-list {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto; }

.ourclients-slider .slick-slide {
  padding: 0 10px; }

.ourclients-slider .slick-list p {
  text-align: left;
  color: #000000;
  margin-bottom: 20px; }

.ourclients-slider .slick-list h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  text-align: left;
  color: #f86d3d; }

.ourclients-slider .slick-list h5 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: left;
  color: #b2b2b2; }

.ourclients-slider ul.slick-dots {
  margin: 0 auto;
  position: relative;
  width: auto;
  display: inline-block !important;
  float: none;
  bottom: 0;
  top: 34px;
  left: calc(50% - 34px); }

.ourclients-slider ul.slick-dots li {
  float: left;
  margin: 0 3px; }

.ourclients-slider ul.slick-dots li button {
  width: 17px;
  height: 17px;
  font-size: 0;
  background: #fff;
  border: solid #ccc 1px;
  border-radius: 100px; }

.ourclients-slider ul.slick-dots li.slick-active button {
  border-color: transparent;
  background: -webkit-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: -o-linear-gradient(344.09deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9;
  background: linear-gradient(105.91deg, #ffe9de 15.34%, #ffdce7 63.01%), #d9d9d9; }

.ourclients-slider button.slick-arrow {
  position: absolute;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0 0; }

.ourclients-slider {
  padding: 0 49px;
  margin-top: 25px; }

.ourclients-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: 0; }

.ourclients-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: 0; }

.ourclients-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ourclients-slider .slick-slide + .slick-slide {
  border-left: solid #e5e5e5 1px; }

.ourclients-slider .slick-list .slick-slide {
  margin: 0px;
  min-height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

@media (max-width: 640px) {
  .ourclients-slider .slick-slide + .slick-slide {
    border-left: none; } }

@media (max-width: 767px) {
  .ourclients-slider .slick-slide {
    padding: 0 2px; } }

/*.ourclients-slider .slick-prev:before {
  content: '←'; }

.ourclients-slider [dir='rtl'] .slick-prev:before {
  content: '→'; }

.ourclients-slider .slick-next:before {
  content: '→'; }

.ourclients-slider [dir='rtl'] .slick-next:before {
  content: '←'; }

.ourclients-slider .slick-prev::before, .ourclients-slider .slick-next::before { color:#1564af; font-size: 42px; font-weight:300;  }

.ourclients-slider .btn-wrap{  margin: 15px auto 0; display: block; text-align: center;}
.ourclients-slider .slick-prev, .ourclients-slider .slick-next{ border: 0px; background-color: transparent; display: inline-block;  }


.ourclients-slider .testimonials-videos .slick-prev, .ourclients-slider .testimonials-videos .slick-next{ display: none !important;}
.ourclients-slider .slick-next.slick-disabled::before, .ourclients-slider .slick-prev.slick-disabled::before{opacity: 0.2;}*/
/** business section **/
.business-certified-section {
  background: #f5f7fa;
  padding: 55px 0 70px; }

.business-certified-section .business-certi-slider {
  padding: 0 40px;
  margin-top: 20px; }

.business-certified-section .business-certi-slider .slick-list {
  overflow: hidden; }

.business-certified-section .business-certi-slider .slick-list .slick-slide {
  margin-left: 30px;
  margin-right: 30px; }

@media (max-width: 1199px) {
  .business-certified-section .business-certi-slider .slick-list .slick-slide {
    margin-left: 15px;
    margin-right: 15px; }
  .testimonials-slider-section .video-slider ul.slick-dots {
    margin: 0 auto;
    position: relative;
    width: auto;
    bottom: 0;
    top: 30px; }
  .ourclients-slider ul.slick-dots {
    margin: 0 auto;
    position: relative;
    width: auto;
    bottom: 0;
    top: 30px; }
  .testimonials-page .testimonials-videos ul.slick-dots {
    margin: 0 auto;
    position: relative;
    width: auto;
    bottom: 0;
    top: 30px; }
  .testimonials-slider-section h3 {
    margin-top: 15px; }
  .testimonials-slider-section .testimonial-slider ul.slick-dots {
    top: 22px; } }

@media (max-width: 575px) {
  .business-certified-section .business-certi-slider .slick-list .slick-slide {
    margin-left: 0;
    margin-right: 0; } }

.business-certified-section .business-certi-slider .slick-list .slick-slide img {
  margin: 0 auto;
  display: inherit;
  max-width: 100%; }

@media (max-width: 575px) {
  .business-certified-section .business-certi-slider .slick-list .slick-slide img {
    max-width: 100%; } }

.business-certified-section .business-certi-slider button.slick-arrow {
  position: absolute;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0 0; }

.business-certified-section .business-certi-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: 0; }

.business-certified-section .business-certi-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: 0; }

.business-certified-section .business-certi-slider span p {
  background: #2569db;
  color: #fff;
  text-align: center;
  padding: 105px 40px 40px;
  margin-top: -70px;
  min-height: auto; }

@media (max-width: 1199px) {
  .business-certified-section .business-certi-slider span p {
    padding: 90px 15px 30px;
    font-size: 14px; } }

@media (max-width: 575px) {
  .business-certified-section .business-certi-slider span p {
    font-size: 13px; } }

.business-certified-section .business-certi-slider .slick-list {
  padding: 0 !important; }

@media (max-width: 1240px) {
  .business-certified-section {
    padding: 65px 0 65px; } }

.business-certified-section h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 150%;
  color: #000;
  text-align: center;
  margin-bottom: 10px; }

@media (max-width: 767px) {
  .business-certified-section h3 {
    font-size: 35px;
    line-height: normal; }
  .testimonials-slider-section {
    padding: 30px 0 30px; } }

/** certified-section **/
.certified-section {
  background: #f9f9f9;
  padding-top: 25px;
  padding-bottom: 65px;
  border-bottom: solid #ddd 1px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .certified-section {
    padding-bottom: 50px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .certified-section {
    padding-bottom: 35px; } }

@media (max-width: 767px) {
  .certified-section {
    padding-top: 45px;
    padding-top: 45px; } }

.certified-section h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  color: #000000;
  margin-bottom: 15px;
  margin-top: 30px; }

.certified-section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.certified-section ul li {
  border: solid #f6f6f6 3px;
  background: #fff;
  margin-right: 20px; }

.certified-section .award-slider {
  padding: 0 35px; }

@media (max-width: 991px) {
  .certified-section .award-slider {
    padding: 0; } }

.certified-section .award-slider button.slick-arrow {
  position: absolute;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  font-size: 0;
  width: 34px;
  height: 24px;
  background-position: 0 0; }

@media (max-width: 991px) {
  .certified-section .award-slider button.slick-arrow {
    display: none !important; }
  .testimonials-page .prev-btn img, .testimonials-page .next-btn img {
    width: 30px; } }

@media (max-width: 1199px) {
  .testimonials-page .testimonials-videos .slick-slide {
    margin: 0 5px; }
  .testimonials-page {
    margin-left: 15px;
    margin-right: 15px; } }

.certified-section .award-slider button.slick-prev {
  background-image: url("../svg/arrow-left.svg");
  left: 0; }

.certified-section .award-slider button.slick-next {
  background-image: url("../svg/arrow-right.svg");
  right: 0; }

.certified-section .award-slider .slick-list {
  overflow: hidden; }

.certified-section .award-slider .slick-list .slide {
  background: #fff;
  border: solid #f6f6f6 3px;
  margin: 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.certified-section .award-slider .slick-list .slide span {
  width: 100%;
  padding: 10px 0;
  text-align: center; }

.certified-section .award-slider .slick-list .slide img {
  height: 80px; }

@media (max-width: 575px) {
  .certified-section .award-slider .slick-list .slide img {
    width: 100%;
    height: auto; } }

/** footer **/
footer.new-footer .cpy-content {
  padding: 45px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media (min-width: 992px) and (max-width: 1199px) {
  footer.new-footer .cpy-content {
    padding: 35px 0; } }

@media (min-width: 768px) and (max-width: 992px) {
  footer.new-footer .cpy-content {
    padding: 25px 0; } }

@media (max-width: 767px) {
  footer.new-footer .cpy-content {
    display: block;
    padding: 30px 0;
    margin-top: 35px; } }

footer.new-footer .cpy-content p {
  font-weight: 600;
  color: #000000;
  margin-bottom: 0; }

@media (max-width: 767px) {
  footer.new-footer .cpy-content p {
    text-align: center; } }

footer.new-footer .cpy-content p a {
  color: #000; }

footer.new-footer .cpy-content p + p {
  font-weight: 400; }

@media (max-width: 767px) {
  footer.new-footer .cpy-content p + p {
    margin-top: 15px; } }

/* WP Home page End
--------------------------*/
/* Wordpress Mega Menu 
--------------------------*/
/* --- Normal Menu Css Start --- */
.at-wp-menu #main-menu {
  margin-top: 10px;
  text-align: right;
  float: none !important; }

.at-wp-menu #main-menu li {
  float: none;
  display: inline-block !important; }

.at-wp-menu #main-menu li ul li {
  display: block !important; }

.at-wp-menu .contact-bg {
  top: 0; }

.at-wp-menu .sm-simple > li {
  margin: 0 !important; }

.at-wp-menu .sm-simple a span.sub-arrow,
.at-wp-menu .sm-simple a:hover span.sub-arrow,
.at-wp-menu .sm-simple a:focus span.sub-arrow {
  background: rgba(0, 0, 0, 0.08) !important; }

/* --- Normal Menu Css End --- */
/* --- Mega Menu Css Start --- */
#main-menu .has-mega-menu .mega-menu li {
  display: block !important; }

.has-mega-menu .mega-menu {
  top: 45px !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin-left: -1px !important;
  margin-right: -1px !important; }

.sm-simple > li ul,
.sm-simple > li.has-mega-menu ul {
  text-align: left; }

.sm-simple > li.has-mega-menu ul *,
.sm-simple > li.has-mega-menu ul *,
.sm-simple > li.has-mega-menu:hover ul *,
.sm-simple > li.has-mega-menu:focus ul * {
  padding: 0 !important;
  background: transparent !important; }

.sm-simple > li.has-mega-menu .mega-menu {
  padding: 30px !important;
  background: #fff !important; }

.sm-simple > li.has-mega-menu .mega-menu::before,
.sm-simple > li.has-mega-menu .mega-menu::after {
  display: none; }

.sm-simple > li.has-mega-menu a.menu-cursor {
  position: relative !important; }

.sm-simple > li.has-mega-menu a.menu-cursor::after,
.sm-simple > li.has-mega-menu a.menu-cursor::before {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  content: "";
  width: 10px;
  bottom: -20px;
  z-index: 2;
  margin: 0 auto;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
  transition: all 1.5s; }

.sm-simple > li.has-mega-menu a.menu-cursor::before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.2); }

.sm-simple > li.has-mega-menu a.menu-cursor::after {
  width: 9px;
  bottom: -21px;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent; }

.sm-simple > li.has-mega-menu:hover a.menu-cursor::after,
.sm-simple > li.has-mega-menu:hover a.menu-cursor::before {
  opacity: 1; }

.at-mega-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.at-mega-icon img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
  object-fit: contain; }

.at-mega-sub-des {
  margin-left: 10px; }

.at-mega-sub-des h2 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #000 !important; }

.at-mega-sub-des a {
  margin: 7px 0; }

.at-mega-sub-des a:last-child {
  margin-bottom: 0; }

.at-mega-sub-des a:hover,
.at-mega-sub-des a:focus {
  color: #1564af !important; }

@media only screen and (min-width: 1100px) {
  .has-mega-menu,
  .has-mega-menu a {
    position: initial !important; } }

@media only screen and (max-width: 1440px) {
  .at-wp-menu .sm-simple a.has-submenu {
    padding: 0 10px; } }

@media only screen and (max-width: 1280px) {
  .sm-simple > li.has-mega-menu a,
  .sm-simple > li.has-mega-menu:hover a,
  .sm-simple > li.has-mega-menu:focus a {
    padding: 10px 12px !important; }
  .sm-simple > li.has-mega-menu ul li a,
  .sm-simple > li.has-mega-menu:hover ul li a,
  .sm-simple > li.has-mega-menu:focus ul li a {
    padding: 0 !important; }
  .at-wp-menu .sm-simple li ul li a:hover,
  .at-wp-menu .sm-simple li ul li a:focus {
    color: #fff !important; }
  .at-wp-menu .sm-simple ul li a,
  .sm-simple > li.has-mega-menu ul li a {
    color: #696969 !important;
    font-size: 14px !important;
    font-weight: 400 !important; }
  .sm-simple > li.has-mega-menu ul li a:hover,
  .sm-simple > li.has-mega-menu ul li a:focus {
    color: #1564af !important; }
  .at-wp-menu .navbar-toggle {
    z-index: 999; }
  .at-wp-menu #main-menu {
    margin-top: 20px;
    text-align: left; }
  .at-wp-menu #main-menu li {
    display: block !important; }
  .at-wp-menu #main-menu li.search-icon {
    display: none !important; } }

@media only screen and (max-width: 1199px) {
  .sm-simple > li.has-mega-menu a.menu-cursor::after,
  .sm-simple > li.has-mega-menu a.menu-cursor::before {
    display: none; }
  .at-wp-menu .sm-simple > li ul,
  .sm-simple > li.has-mega-menu ul {
    background: #fff !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .at-mega-links {
    min-height: 160px; } }

@media only screen and (max-width: 991px) {
  .at-mega-links {
    margin-bottom: 30px; }
  .at-wp-menu {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 340px; } }

/* --- Mega Menu Css End --- */
/* Wordpress Technology Details page
--------------------------*/
.at-head-48 {
  color: #000;
  font-size: 48px;
  line-height: 1.5;
  font-weight: 700;
  text-transform: capitalize; }
  @media only screen and (max-width: 1660px) {
    .at-head-48 {
      font-size: 38px; } }
  @media only screen and (max-width: 1280px) {
    .at-head-48 {
      font-size: 28px; } }
  @media only screen and (max-width: 575px) {
    .at-head-48 {
      font-size: 20px; } }

.at-center-head {
  text-align: center;
  margin-bottom: 60px; }
  @media only screen and (max-width: 991px) {
    .at-center-head {
      margin-bottom: 30px; } }
  .at-center-head p {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 1660px) {
      .at-center-head p {
        font-size: 16px; } }
    @media only screen and (max-width: 575px) {
      .at-center-head p {
        font-size: 14px; } }

.at-ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media only screen and (max-width: 991px) {
    .at-ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.at-common-img img {
  width: 100%; }

.at-common-link a {
  float: none;
  display: inline-block; }

@media only screen and (min-width: 992px) {
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.at-common-des p {
  color: #000;
  font-size: 16px; }
  @media only screen and (max-width: 1280px) {
    .at-common-des p {
      font-size: 14px; } }

.at-common-des ul {
  margin: 20px 0;
  padding-left: 15px; }
  .at-common-des ul li {
    color: #000;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 700;
    list-style-type: disc; }
    @media only screen and (max-width: 1280px) {
      .at-common-des ul li {
        font-size: 16px; } }
    @media only screen and (max-width: 991px) {
      .at-common-des ul li {
        font-size: 14px;
        padding: 5px 0; } }

.at-page-banner {
  padding: 100px 0; }
  @media only screen and (max-width: 991px) {
    .at-page-banner {
      padding: 50px 0; } }
  .at-page-banner .at-page-banner-des p {
    color: #000;
    font-size: 16px;
    margin: 15px 0 40px; }
    @media only screen and (max-width: 1280px) {
      .at-page-banner .at-page-banner-des p {
        font-size: 14px; } }
  @media only screen and (max-width: 991px) {
    .at-page-banner .at-page-banner-des .btn-new {
      margin: 0;
      float: none;
      display: inline-block; } }
  @media only screen and (max-width: 991px) {
    .at-page-banner .at-page-banner-img {
      margin-top: 40px; } }
  .at-page-banner .at-page-banner-img img {
    width: 100%; }

.at-approach {
  position: relative;
  padding: 80px 0;
  background: #FAFAFA; }
  .at-approach::after {
    position: absolute;
    left: 0;
    top: -90px;
    content: "";
    width: 185px;
    height: 420px;
    background: url("../svg/banner_bottom_shape.svg") no-repeat center;
    background-size: contain; }
    @media only screen and (max-width: 1660px) {
      .at-approach::after {
        width: 110px;
        height: 260px; } }
    @media only screen and (max-width: 991px) {
      .at-approach::after {
        top: -60px;
        width: 60px;
        height: 170px; } }
  @media only screen and (min-width: 992px) {
    .at-approach .at-common-img {
      padding: 50px; } }
  @media only screen and (max-width: 991px) {
    .at-approach .at-common-img {
      margin-top: 40px; } }
  .at-approach .at-common-des p {
    padding-bottom: 5px; }

.at-services {
  position: relative; }
  .at-services::after {
    position: absolute;
    right: 0;
    top: -65px;
    content: "";
    width: 200px;
    height: 570px;
    background: url("../svg/service_top_shape.svg") no-repeat center;
    background-size: contain; }
    @media only screen and (max-width: 1660px) {
      .at-services::after {
        width: 140px;
        height: 435px; } }
    @media only screen and (max-width: 991px) {
      .at-services::after {
        width: 70px;
        height: 285px; } }
    @media only screen and (max-width: 575px) {
      .at-services::after {
        top: -40px;
        width: 50px;
        height: 190px; } }
  @media only screen and (min-width: 2000px) {
    .at-services .container-fluid {
      max-width: 1380px; } }
  .at-services .at-center-head {
    margin-bottom: 40px; }
    @media only screen and (max-width: 991px) {
      .at-services .at-center-head {
        position: relative;
        z-index: 1;
        margin-bottom: 20px; } }
  .at-services .at-service-des {
    padding: 0 50px;
    text-align: center;
    margin-bottom: 100px; }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .at-services .at-service-des {
        min-height: 450px;
        margin-bottom: 30px; } }
    @media only screen and (max-width: 1660px) {
      .at-services .at-service-des {
        padding: 0 40px;
        margin-bottom: 70px; } }
    @media only screen and (max-width: 1199px) {
      .at-services .at-service-des {
        padding: 0 15px; } }
    @media only screen and (max-width: 991px) {
      .at-services .at-service-des {
        padding: 0; } }
    .at-services .at-service-des .at-service-icon {
      padding: 0 50px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 1660px) {
        .at-services .at-service-des .at-service-icon {
          padding: 0 15px; } }
      .at-services .at-service-des .at-service-icon img {
        width: 100%;
        max-width: 350px;
        -o-object-fit: contain;
        object-fit: contain; }
        @media only screen and (max-width: 991px) and (min-width: 768px) {
          .at-services .at-service-des .at-service-icon img {
            height: 300px; } }
    .at-services .at-service-des .at-service-sub-des h3 {
      color: #000;
      font-size: 18px;
      font-weight: 700;
      padding-bottom: 20px;
      text-transform: capitalize; }
    .at-services .at-service-des .at-service-sub-des p {
      color: #000;
      font-size: 16px;
      text-align: center; }
      @media only screen and (max-width: 1280px) {
        .at-services .at-service-des .at-service-sub-des p {
          font-size: 14px; } }
  .at-services .at-common-link {
    text-align: center; }

.at-we-do {
  position: relative;
  background-color: #FAFAFA;
  background-image: url("../svg/red-shape-left.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: auto 600px; }
  @media only screen and (max-width: 1660px) {
    .at-we-do {
      background-size: auto 400px; } }
  @media only screen and (max-width: 991px) {
    .at-we-do {
      background-size: auto 300px; } }
  .at-we-do::after {
    position: absolute;
    right: 0;
    content: '';
    width: 185px;
    height: 270px;
    bottom: -110px;
    background: url("../svg/tech_square.svg") no-repeat center;
    background-size: contain; }
    @media only screen and (max-width: 1660px) {
      .at-we-do::after {
        width: 130px;
        height: 190px;
        bottom: -90px; } }
    @media only screen and (max-width: 767px) {
      .at-we-do::after {
        width: 80px; } }
  .at-we-do .at-we-do-des {
    width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 210px;
    padding: 40px 30px;
    border-radius: 16px;
    margin: 0 auto 40px;
    -ms-flex-line-pack: center;
    align-content: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); }
    @media only screen and (max-width: 1280px) {
      .at-we-do .at-we-do-des {
        width: 95%; } }
    @media only screen and (max-width: 1199px) {
      .at-we-do .at-we-do-des {
        width: 100%;
        padding: 20px;
        min-height: 170px; } }
    @media only screen and (max-width: 767px) {
      .at-we-do .at-we-do-des {
        min-height: 150px;
        padding: 30px 20px; } }
    .at-we-do .at-we-do-des * {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%; }
    .at-we-do .at-we-do-des h3 {
      color: #000;
      font-size: 18px;
      font-weight: 700;
      padding-bottom: 20px; }
      @media only screen and (max-width: 1199px) {
        .at-we-do .at-we-do-des h3 {
          font-size: 16px; } }
    .at-we-do .at-we-do-des p {
      margin-bottom: 0;
      line-height: 1.5;
      text-align: left;
      color: #000;
      font-size: 16px; }
      @media only screen and (max-width: 1280px) {
        .at-we-do .at-we-do-des p {
          font-size: 14px; } }
  .at-we-do .at-common-link {
    margin-top: 20px; }

.at-why-choose {
  position: relative; }
  .at-why-choose::after {
    position: absolute;
    left: 0;
    content: "";
    width: 215px;
    height: 505px;
    bottom: -130px;
    background: url("../svg/choose_bottom_shape.svg") no-repeat center;
    background-size: contain; }
    @media only screen and (max-width: 1660px) {
      .at-why-choose::after {
        left: -1px;
        width: 145px;
        height: 345px; } }
    @media only screen and (max-width: 1199px) {
      .at-why-choose::after {
        width: 105px;
        height: 305px; } }
    @media only screen and (max-width: 991px) {
      .at-why-choose::after {
        width: 80px;
        height: 186px;
        bottom: -40px; } }
  .at-why-choose .at-why-choose-des {
    position: relative;
    z-index: 1;
    min-height: 840px;
    padding: 50px 40px;
    border-radius: 16px;
    background: #FFFFFF;
    border-top: 3px solid #2758D8;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.08); }
    @media only screen and (max-width: 1199px) {
      .at-why-choose .at-why-choose-des {
        padding: 30px 20px;
        min-height: 750px; } }
    @media only screen and (max-width: 991px) {
      .at-why-choose .at-why-choose-des {
        min-height: 660px;
        margin-bottom: 50px; } }
    @media only screen and (max-width: 767px) {
      .at-why-choose .at-why-choose-des {
        min-height: auto; } }
    .at-why-choose .at-why-choose-des h3 {
      font-size: 36px;
      font-weight: 700;
      color: #192574;
      line-height: 1.2;
      text-align: center;
      text-transform: capitalize; }
      @media only screen and (max-width: 1660px) {
        .at-why-choose .at-why-choose-des h3 {
          font-size: 30px; } }
      @media only screen and (max-width: 1199px) {
        .at-why-choose .at-why-choose-des h3 {
          font-size: 24px; } }
      @media only screen and (max-width: 991px) {
        .at-why-choose .at-why-choose-des h3 {
          font-size: 22px; } }
    .at-why-choose .at-why-choose-des p {
      color: #000;
      font-size: 16px;
      text-align: left; }
      @media only screen and (max-width: 1280px) {
        .at-why-choose .at-why-choose-des p {
          font-size: 14px; } }
      .at-why-choose .at-why-choose-des p:not(:last-child) {
        padding-bottom: 10px; }
      .at-why-choose .at-why-choose-des p:last-child {
        margin-bottom: 0; }
    .at-why-choose .at-why-choose-des .at-why-choose-img {
      margin: 30px 0; }
      .at-why-choose .at-why-choose-des .at-why-choose-img img {
        width: 100%;
        height: 260px;
        -o-object-fit: cover;
        object-fit: cover; }
        @media only screen and (max-width: 1199px) {
          .at-why-choose .at-why-choose-des .at-why-choose-img img {
            height: 180px; } }
        @media only screen and (max-width: 767px) {
          .at-why-choose .at-why-choose-des .at-why-choose-img img {
            height: auto; } }

.at-call-us {
  margin-bottom: 60px;
  background-color: #192574; }
  .at-call-us .at-call-us-des * {
    color: #fff !important; }
  @media only screen and (max-width: 991px) {
    .at-call-us .at-call-us-des {
      margin-bottom: 40px; } }
  .at-call-us .at-call-us-des p {
    color: #000;
    font-size: 16px;
    margin: 20px 0 40px;
    text-align: left; }
    @media only screen and (max-width: 1280px) {
      .at-call-us .at-call-us-des p {
        font-size: 14px; } }
  @media only screen and (max-width: 991px) {
    .at-call-us .at-call-us-des .btn-new {
      float: none;
      display: inline-block; } }

/* Wordpress Portfolio Details
--------------------------*/
.formbg {
  background: #F5F5FC;
  padding-bottom: 15px;
  padding-top: 15px; }

.bg-white {
  background: #fff; }

.bg-gray {
  background: #F5F5FC; }

.at-py-100 {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 991px) {
    .at-py-100 {
      padding-top: 50px;
      padding-bottom: 50px; } }

@media only screen and (min-width: 768px) {
  .d-sm-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; } }

@media only screen and (max-width: 767px) {
  .bread-crumb-wrp {
    display: block; } }

@media only screen and (max-width: 767px) {
  .bread-crumb-wrp .breadcrumb {
    display: block; } }

.bread-crumb-wrp .breadcrumb li a {
  font-family: "Noto Sans JP"; }

.at-head-40 {
  font-size: 40px;
  line-height: 1.5;
  color: #000;
  font-weight: bold;
  font-family: "Noto Sans JP";
  text-transform: capitalize; }
  @media only screen and (max-width: 1660px) {
    .at-head-40 {
      font-size: 36px; } }
  @media only screen and (max-width: 991px) {
    .at-head-40 {
      font-size: 30px; } }
  @media only screen and (max-width: 767px) {
    .at-head-40 {
      font-size: 22px;
      text-align: center; } }

.at-head-32 {
  font-size: 32px;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
  font-family: "Noto Sans JP";
  text-transform: capitalize; }
  @media only screen and (max-width: 1660px) {
    .at-head-32 {
      font-size: 28px; } }
  @media only screen and (max-width: 991px) {
    .at-head-32 {
      font-size: 22px; } }
  @media only screen and (max-width: 767px) {
    .at-head-32 {
      font-size: 20px;
      text-align: center; } }

.at-head-28 {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
  font-family: "Noto Sans JP";
  text-transform: capitalize; }
  @media only screen and (max-width: 1660px) {
    .at-head-28 {
      font-size: 26px; } }
  @media only screen and (max-width: 991px) {
    .at-head-28 {
      font-size: 22px; } }
  @media only screen and (max-width: 767px) {
    .at-head-28 {
      font-size: 20px;
      line-height: 1.4; } }

.at-head-24 {
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #000;
  font-weight: bold;
  font-family: "Noto Sans JP";
  text-transform: capitalize; }
  @media only screen and (max-width: 1660px) {
    .at-head-24 {
      font-size: 20px; } }
  @media only screen and (max-width: 991px) {
    .at-head-24 {
      font-size: 18px;
      line-height: 1.4; } }
  @media only screen and (max-width: 767px) {
    .at-head-24 {
      font-size: 16px; } }

.at-portfolio-details .at-head-40 {
  margin-bottom: 10px; }

.at-portfolio-details p {
  text-align: left;
  font-family: "Noto Sans JP"; }
  @media only screen and (max-width: 767px) {
    .at-portfolio-details p {
      text-align: center; } }

@media only screen and (max-width: 767px) {
  .at-portfolio-details .at-common-des {
    text-align: center; } }

@media only screen and (min-width: 992px) {
  .at-portfolio-features .at-common-des {
    padding-right: 50px; } }

.at-common-des ul {
  margin: 0 0 20px; }
  .at-common-des ul li {
    position: relative;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    font-family: "Noto Sans JP"; }
    .at-common-des ul li p {
      font-family: "Noto Sans JP"; }

.at-challenges .at-center-head {
  margin-bottom: 40px; }
  @media only screen and (max-width: 991px) {
    .at-challenges .at-center-head .at-head-40 {
      text-align: center; } }

.at-challenges .at-chall-sub-des {
  width: 99%;
  padding: 60px 40px;
  border-radius: 10px;
  background: #FFFFFF;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.04); }
  @media only screen and (max-width: 991px) {
    .at-challenges .at-chall-sub-des {
      padding: 30px 15px; } }
  .at-challenges .at-chall-sub-des p {
    color: #000;
    text-align: center;
    font-family: "Noto Sans JP"; }
    .at-challenges .at-chall-sub-des p strong {
      margin-bottom: 30px; }
    .at-challenges .at-chall-sub-des p em,
    .at-challenges .at-chall-sub-des p strong {
      display: block; }
    .at-challenges .at-chall-sub-des p:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 991px) {
      .at-challenges .at-chall-sub-des p {
        font-size: 14px; } }

@media only screen and (min-width: 992px) {
  .at-challenges .at-challenge-slider-v2 .at-chall-sub-des p,
  .at-challenges .at-challenge-slider-v3 .at-chall-sub-des p {
    text-align: left; } }

.at-challenges .at-challenge-slider-v3 .slick-dots {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: auto;
  width: auto;
  margin: auto;
  text-align: right;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content; }
  .at-challenges .at-challenge-slider-v3 .slick-dots li {
    display: block;
    margin-bottom: 8px; }

.at-challenge-slider .slick-dots li,
.at-explore-port-slider .slick-dots li,
.at-challenge-vertical-slider .slick-dots li {
  width: 10px;
  height: 10px; }
  .at-challenge-slider .slick-dots li button::before,
  .at-explore-port-slider .slick-dots li button::before,
  .at-challenge-vertical-slider .slick-dots li button::before {
    opacity: 1;
    width: 10px;
    height: 10px;
    color: transparent;
    border-radius: 50%;
    background: #D9D9D9; }
  .at-challenge-slider .slick-dots li.slick-active button::before,
  .at-explore-port-slider .slick-dots li.slick-active button::before,
  .at-challenge-vertical-slider .slick-dots li.slick-active button::before {
    background: #000; }

.at-portfolio-img {
  text-align: center; }
  .at-portfolio-img img {
    width: 80%;
    height: 400px;
    max-width: 80%;
    -o-object-fit: contain;
    object-fit: contain; }
    @media only screen and (max-width: 767px) {
      .at-portfolio-img img {
        display: block;
        height: auto;
        margin: 0 auto 50px; } }

.at-explore-port .at-expore-des {
  position: relative;
  width: 97%;
  margin: 0 auto; }
  .at-explore-port .at-expore-des::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.8); }
  .at-explore-port .at-expore-des .at-expore-img img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px; }
    @media only screen and (max-width: 991px) {
      .at-explore-port .at-expore-des .at-expore-img img {
        height: 200px; } }
  .at-explore-port .at-expore-des .at-expore-overlay {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center; }
    .at-explore-port .at-expore-des .at-expore-overlay h3 {
      color: #fff;
      font-size: 22px;
      font-family: 'museo-slab';
      text-transform: capitalize; }
      @media only screen and (max-width: 991px) {
        .at-explore-port .at-expore-des .at-expore-overlay h3 {
          font-size: 18px; } }
    .at-explore-port .at-expore-des .at-expore-overlay a {
      width: 45px;
      height: 45px;
      display: block;
      font-size: 16px;
      line-height: 45px;
      border-radius: 50%;
      background: #fff;
      margin: 20px auto 0; }
      @media only screen and (max-width: 991px) {
        .at-explore-port .at-expore-des .at-expore-overlay a {
          width: 35px;
          height: 35px;
          line-height: 35px; } }

@media only screen and (max-width: 767px) {
  .at-blue-check-list {
    text-align: center; } }

.at-blue-check-list ul {
  padding-left: 0; }
  .at-blue-check-list ul li {
    position: relative;
    list-style-type: none;
    padding-left: 35px; }
    @media only screen and (max-width: 991px) {
      .at-blue-check-list ul li {
        padding-left: 25px; } }
    .at-blue-check-list ul li::after {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      content: '';
      width: 24px;
      height: 24px;
      background: url("../404.html") left top no-repeat;
      background-size: contain; }
      @media only screen and (max-width: 991px) {
        .at-blue-check-list ul li::after {
          width: 20px;
          height: 20px; } }