/* theme *//* website *//*!
 * Bootstrap v2.0.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* max-width: 100%; */
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
button,
input {
  *overflow: visible;
  line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
body {
  margin: 0;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-size: 14px;
  line-height: 18px;
  color: #3e3e3e;
  background-color: white;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 20px;
}
.span1 {
  width: 60px;
}
.span2 {
  width: 140px;
}
.span3 {
  width: 220px;
}
.span4 {
  width: 300px;
}
.span5 {
  width: 380px;
}
.span6 {
  width: 460px;
}
.span7 {
  width: 540px;
}
.span8 {
  width: 620px;
}
.span9 {
  width: 700px;
}
.span10 {
  width: 780px;
}
.span11 {
  width: 860px;
}
.span12 {
  width: 940px;
}
.offset1 {
  margin-left: 100px;
}
.offset2 {
  margin-left: 180px;
}
.offset3 {
  margin-left: 260px;
}
.offset4 {
  margin-left: 340px;
}
.offset5 {
  margin-left: 420px;
}
.offset6 {
  margin-left: 500px;
}
.offset7 {
  margin-left: 580px;
}
.offset8 {
  margin-left: 660px;
}
.offset9 {
  margin-left: 740px;
}
.offset10 {
  margin-left: 820px;
}
.offset11 {
  margin-left: 900px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid > [class*="span"] {
  float: left;
  margin-left: 1.99%;
}
.row-fluid > [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid > .span1 {
  width: 6.5%;
}
.row-fluid > .span2 {
  width: 14.99%;
}
.row-fluid > .span2-4 {
  width: 18.39%;
}
.row-fluid > .span2-5 {
  width: 19.24%;
}
.row-fluid > .span3 {
  width: 23.48%;
}
.row-fluid > .span3-5 {
  width: 27.73%;
}
.row-fluid > .span4 {
  width: 31.97%;
}
.row-fluid > .span5 {
  width: 40.47%;
}
.row-fluid > .span6 {
  width: 48.96%;
}
.row-fluid > .span7 {
  width: 57.45%;
}
.row-fluid > .span8 {
  width: 65.94%;
}
.row-fluid > .span9 {
  width: 74.43%;
}
.row-fluid > .span10 {
  width: 82.92%;
}
.row-fluid > .span11 {
  width: 91.41%;
}
.row-fluid > .span12 {
  width: 99.05%;
}
.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
.font-type1 {
  font-family: Trebuchet MS, arial, verdana;
}
.font-type2 {
  font-family: 'Cambria Math', Georgia, Trebuchet MS, arial, verdana;
  font-style: normal;
}
.lbl-large {
  font-size: 47px;
  font-weight: normal;
  color: #777777;
  *line-height: 35px;
}
.lbl-small {
  font-size: 27px;
  font-weight: normal;
  color: #272727;
}
.lead {
  margin-bottom: 18px;
  font-size: 20px;
  font-weight: 200;
  line-height: 27px;
}
.no-pad-top {
  padding-top: 0px;
}
h1 + p,
h2 + p,
h3 + p {
  padding: 10px 0 0 0;
}
* + h1,
* + h2,
* + h3 {
  padding: 15px 0 0 0;
}
* + h4,
* + h5 {
  padding: 15px 0 0 0;
}
h5 + p {
  padding: 5px 0 0 0;
}
h1 + p {
  padding: 5px 0 0 0;
}
ul + ul {
  margin: 25px 0 0 0;
}
h2 + ul {
  margin: 7px 0 0 0;
}
h1 + h2 {
  padding-top: 10px ;
}
h2 + h3 {
  padding-top: 10px;
}
h3 + h4 {
  padding-top: 10px;
}
h1 + h4 {
  padding-top: 7px;
}
h1 + h3 {
  padding-top: 7px;
}
h1 + h1,
h2 + h2,
h3 + h3,
h4 + h4 {
  padding-top: 10px ;
}
.row-fluid [class^="span"] h1:first-child {
  padding-top: 5px;
}
.row-fluid [class^="span"] h1:first-child {
  padding-top: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: bold;
  color: black;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  color: #999999;
}
.page-header {
  padding-bottom: 17px;
  margin: 18px 0;
  border-bottom: 1px solid #eeeeee;
}
.page-header h1 {
  line-height: 1;
}
sub,
sup {
  color: #c30208;
}
a {
  color: #c30208;
  text-decoration: none;
}
a:hover {
  color: #770105;
  text-decoration: none;
}
ul,
ol {
  padding: 0;
  margin: 0 0 9px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
li {
  line-height: 18px;
}
ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}
dl {
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 18px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 9px;
}
hr {
  margin: 18px 0;
  border: 0;
  border-top: 1px solid #d4d4d4;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.muted {
  color: #999999;
}
abbr {
  font-size: 90%;
  text-transform: uppercase;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}
blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 22.5px;
}
blockquote small {
  display: block;
  line-height: 18px;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #eeeeee;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 18px;
  line-height: 18px;
  font-style: normal;
}
small {
  font-size: 100%;
}
cite {
  font-style: normal;
}
code,
pre {
  padding: 0 3px 2px;
  font-family: Menlo, Monaco, "Courier New", monospace;
  font-size: 13px;
  color: #3e3e3e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  padding: 3px 4px;
  color: #222222;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 18px;
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: pre;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
pre.prettyprint {
  margin-bottom: 18px;
}
pre code {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
form {
  margin: 0;
  font-size: 13px;
  color: #858585;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 27px;
  font-size: 21px;
  line-height: 36px;
  color: #3e3e3e;
  border: 0;
  border-bottom: 1px solid #eeeeee;
}
legend small {
  font-size: 13.5px;
  color: #999999;
}
.form-nolbl {
  padding-top: 10px;
}
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
input,
button,
select,
textarea {
  font-family: Arial, sans-serif;
}
label {
  margin-bottom: 5px;
  color: #222222;
}
input,
textarea,
select,
.uneditable-input {
  display: inline-block;
  width: 222px;
  height: 18px;
  padding: 5px 15px;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #3e3e3e;
  border: 1px solid #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
label input,
label textarea,
label select {
  display: block;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0px 0;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 \9;
  /* IE9 and down */

}
input[type="image"] {
  border: 0;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: white;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
}
select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 28px;
}
input[type="file"] {
  line-height: 18px \9;
}
select {
  width: 235px;
  background-color: white;
  padding: 5px 6px;
  height: 32px;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="image"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea {
  height: auto;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input,
textarea {
  /* .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); */
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,
textarea:focus {
  border-color: #56a5f6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  outline: 0;
  outline: 0 \9;
  /* IE6-9 */

}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-short {
  width: 135px;
}
.input-medium {
  width: 270px;
}
.input-large {
  width: 270px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
textarea.input-medium {
  width: 270px;
  height: 80px;
}
textarea.input-large {
  width: 460px;
  height: 150px;
}
textarea.input-exlarge {
  width: 600px;
  height: 80px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
  float: none;
  margin-left: 0;
}
input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 50px;
}
input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 130px;
}
input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 210px;
}
input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 290px;
}
input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 370px;
}
input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 450px;
}
input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 530px;
}
input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 610px;
}
input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 690px;
}
input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 770px;
}
input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 850px;
}
input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 930px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: whitesmoke;
  border-color: #dddddd;
  cursor: not-allowed;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning > div > label {
  color: #c09853;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea,
.control-group.warning a {
  color: #c09853;
  border-color: #c09853;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus,
.control-group.warning a:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error > div > label {
  color: #b94a48;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea,
.control-group.error a {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus,
.control-group.error a:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success > div > label {
  color: #468847;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea,
.control-group.success a {
  color: #468847;
  border-color: #468847;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus,
.control-group.success a:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
}
.form-heading {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-top: none;
  padding: 10px ;
  font-size: 25px;
  line-height: 25px;
  border-bottom: 1px solid #dddddd;
}
.form-heading-small {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-top: none;
  padding: 10px ;
  font-size: 25px;
  line-height: 25px;
  border-bottom: 1px solid #dddddd;
  font-size: 20px;
  padding: 5px;
}
.uneditable-input {
  display: block;
  background-color: white;
  border-color: #eeeeee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}
:-moz-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  color: #999999;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 9px;
  vertical-align: middle;
  padding-left: 5px;
}
.input-prepend,
.input-append {
  margin-bottom: 5px;
  *zoom: 1;
}
.input-prepend:before,
.input-append:before,
.input-prepend:after,
.input-append:after {
  display: table;
  content: "";
}
.input-prepend:after,
.input-append:after {
  clear: both;
}
.input-prepend input,
.input-append input,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  position: relative;
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #cccccc;
}
.input-prepend .add-on,
.input-append .add-on {
  float: left;
  display: block;
  width: auto;
  min-width: 16px;
  height: 18px;
  margin-right: -1px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  color: #999999;
  text-align: center;
  text-shadow: 0 1px 0 white;
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on {
  *margin-top: 1px;
  /* IE6-7 */

}
.input-append input,
.input-append .uneditable-input {
  float: left;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-left-color: #eeeeee;
  border-right-color: #cccccc;
}
.input-append .add-on {
  margin-right: 0;
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-append input:first-child {
  *margin-left: -160px;
}
.input-append input:first-child + .add-on {
  *margin-left: -21px;
}
.search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label,
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  display: inline-block;
}
.form-search .input-append .add-on,
.form-inline .input-prepend .add-on,
.form-search .input-append .add-on,
.form-inline .input-prepend .add-on {
  vertical-align: middle;
}
.form-search .radio,
.form-inline .radio,
.form-search .checkbox,
.form-inline .checkbox {
  margin-bottom: 0;
  vertical-align: middle;
}
.control-group {
  margin-bottom: 9px;
}
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.control-label {
  font-size: 13px;
}
.form-vertical .controls {
  margin-top: 5px;
}
.form-vertical input,
.form-vertical textarea,
.form-vertical select,
.form-vertical .uneditable-input {
  margin-bottom: 3px;
}
.form-vertical .control-group {
  margin-bottom: 6px;
}
.form-vertical input[type="radio"] {
  margin-left: 7px;
}
.form-vertical input[type="radio"]:first-child {
  margin-left: 0px;
}
.form-horizontal .control-group {
  margin: 15px 0 8px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-group input[type="radio"],
.form-horizontal .control-group input[type="checkbox"] {
  margin-left: 7px;
}
.form-horizontal .control-group input[type="radio"]:first-child,
.form-horizontal .control-group input[type="checkbox"]:first-child {
  margin-left: 0px;
}
.form-horizontal .control-label {
  float: left;
  font-size: 13px;
  width: 20%;
  padding-top: 5px;
  text-align: left;
  color: #363636;
}
.form-horizontal .controls {
  margin-left: 22%;
}
.form-horizontal .controls [class^='span'] input {
  *margin-left: -20%;
}
.form-horizontal .columnlarge .control-label {
  width: 30%;
}
.form-horizontal .columnlarge .controls {
  margin-left: 32%;
}
.form-horizontal .form-actions {
  padding-left: 21%;
}
.required .control-label {
  font-weight: bold;
}
.dropdown-toggle.tiny {
  width: 80px ;
}
.dropdown-toggle.medium {
  width: 198px ;
}
.dropdown-toggle.short {
  width: 135px  ;
}
.t-numerictextbox.short {
  width: 135px;
}
.dropdown-menu.medium {
  width: 220px ;
}
.dropdown-menu.short {
  width: 150px ;
}
.dropdown-menu.tiny {
  width: 95px ;
}
.col-extiny .control-label {
  width: 13% !important;
}
.col-extiny .controls {
  margin-left: 14% !important;
}
.col-tiny .control-label {
  width: 15% !important;
}
.col-tiny .controls {
  margin-left: 16% !important;
}
.col-short .control-label {
  width: 20% !important;
}
.col-short .controls {
  margin-left: 21% !important;
}
.col-medium .control-label {
  width: 25%;
}
.col-medium .controls {
  margin-left: 26%;
}
.col-large .control-label {
  width: 40%;
}
.col-large .controls {
  margin-left: 43%;
}
select[disabled="disabled"] option,
select[disabled="disabled"] {
  color: black;
}
.viewdata {
  margin-top: 0px;
}
.viewdata .control-label {
  padding-top: 0px;
  padding-right: 5px;
}
.viewdata .control-group {
  margin-bottom: 0;
}
.viewdata .control-label.padtop {
  padding-top: 3px ;
}
.viewdata .padtop .arrow.control-label {
  background-position: 0 8px;
}
.viewdata .padtop .control-label {
  padding-top: 4px ;
}
.form-group [class^="iconbox-"],
.form-group .textbox {
  float: left;
}
.form-group [class^="iconbox-"] {
  margin-right: -5px;
  position: relative;
  z-index: 100;
  *margin-top: 1px;
}
.form-group [class^="iconbox-"]:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 5px solid transparent;
  border-left-color: #333333;
  left: 100%;
  top: 12px;
}
.form-group .iconbox-red:after {
  border-left-color: #c30208;
}
.form-group .textbox input {
  -webkit-border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  border-radius: 0px 5px 5px 0;
  padding: 8px 15px;
  position: relative;
  z-index: 10;
}
.form-style ul {
  list-style: none;
  margin: 0;
}
.form-style ul li {
  padding: 0;
  margin: 0;
  min-height: 15px;
  overflow: auto;
  *overflow: visible;
}
.form-style ul li .btn-large {
  *margin-left: -25px;
}
.list-categories {
  min-height: 50px;
  overflow: auto;
  *overflow: visable;
}
.list-categories legend {
  margin-bottom: 10px;
  color: #252525;
  font-size: 25px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  width: 100%;
}
.list-categories legend .borderb-red {
  line-height: 30px;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: -1px;
}
.list-categories label {
  display: inline-block;
  width: 31.3%;
  border-bottom: solid 1px #ececec;
  padding: 5px 0 7px 2%;
  position: relative;
  float: left;
}
.list-categories label .icon-list-red {
  margin: 3px 5px 0 0;
  position: absolute;
  left: 7px;
}
.list-categories label a {
  font-size: 14px;
  color: #252525;
  display: inline-block;
  width: 98%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.list-categories label a:hover {
  color: #f30618;
}
.forms ul {
  margin: 5px 0 0 0;
}
.forms li {
  background: none;
  padding: 0px 0 10px;
  list-style: none;
}
.forms input,
.forms textarea,
.forms select {
  margin-bottom: 0;
  color: #929292;
  font-size: 14px;
  color: black;
  padding: 5px 10px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  box-shadow: 0 0 3px black;
  border: solid 1px white;
}
.forms textarea {
  width: 365px;
  height: 70px;
}
.forms .btn {
  padding: 5px 15px;
}
/* =================================================================== form width element ==============================================================================*/
.dropdown-toggle.tiny {
  width: 80px ;
}
.dropdown-toggle.medium {
  width: 198px ;
}
.dropdown-toggle.short {
  width: 135px  ;
}
.t-numerictextbox.short {
  width: 135px;
}
.dropdown-menu.medium {
  width: 220px ;
}
.dropdown-menu.short {
  width: 150px ;
}
.dropdown-menu.tiny {
  width: 95px ;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 180px;
}
.input-large {
  width: 250px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
textarea.input-medium {
  width: 270px;
  height: 80px;
}
textarea.input-large {
  width: 350px;
  height: 120px;
}
textarea.input-exlarge {
  width: 600px;
  height: 80px;
}
.form1 {
  width: 60px;
}
.form2 {
  width: 80px;
}
.form3 {
  width: 100px;
}
.form4 {
  width: 120px;
}
.form5 {
  width: 140px;
}
.form6 {
  width: 160px;
}
.form7 {
  width: 180px;
}
.form8 {
  width: 200px;
}
.form9 {
  width: 220px;
}
.form10 {
  width: 240px;
}
.form11 {
  width: 260px;
}
.form12 {
  width: 280px;
}
.form13 {
  width: 300px;
}
.form14 {
  width: 320px;
}
.form15 {
  width: 340px;
}
.form16 {
  width: 360px;
}
.form17 {
  width: 380px;
}
.form18 {
  width: 400px;
}
.form19 {
  width: 420px;
}
.form20 {
  width: 440px;
}
.form21 {
  width: 460px;
}
.form22 {
  width: 480px;
}
.form23 {
  width: 500px;
}
.form24 {
  width: 520px;
}
.form25 {
  width: 540px;
}
.form26 {
  width: 560px;
}
.form27 {
  width: 580px;
}
.form28 {
  width: 600px;
}
.form29 {
  width: 620px;
}
.form30 {
  width: 640px;
}
.multiseleter[class^="form"] input.pull-left {
  width: 100%;
}
textarea.form1 {
  height: 20px;
  width: 60px;
}
textarea.form2 {
  height: 30px;
  width: 120px;
}
textarea.form3 {
  height: 40px;
  width: 150px;
}
textarea.form4 {
  height: 60px;
  width: 220px;
}
textarea.form5 {
  height: 70px;
  width: 280px;
}
textarea.form6 {
  height: 80px;
  width: 320px;
}
textarea.form7 {
  height: 90px;
  width: 350px;
}
textarea.form8 {
  height: 100px;
  width: 400px;
}
textarea.form9 {
  height: 130px;
  width: 470px;
}
textarea.form10 {
  height: 140px;
  width: 520px;
}
textarea.form11 {
  height: 160px;
  width: 580px;
}
textarea.form12 {
  height: 190px;
  width: 640px;
}
textarea.form13 {
  height: 120px;
  width: 60%;
}
textarea.form14 {
  height: 150px;
  width: 75%;
}
textarea.form15 {
  height: 200px;
  width: 90%;
}
/* .multiseleter.form1 { width:60px;    input[type="text"]{ width:28px; }  } */
.multiseleter.form1 {
  width: 120px;
}
.multiseleter.form1 input[type="text"] {
  width: 76px;
}
.multiseleter.form2 {
  width: 166px;
}
.multiseleter.form2 input[type="text"] {
  width: 123px;
}
.multiseleter.form3 {
  width: 220px;
}
.multiseleter.form3 input[type="text"] {
  width: 176px;
}
.multiseleter.form4 {
  width: 280px;
}
.multiseleter.form4 input[type="text"] {
  width: 234px;
}
.multiseleter.form5 {
  width: 320px;
}
.multiseleter.form5 input[type="text"] {
  width: 273px;
}
.multiseleter.form6 {
  width: 350px;
}
.multiseleter.form6 input[type="text"] {
  width: 302px;
}
.multiseleter.form7 {
  width: 400px;
}
.multiseleter.form7 input[type="text"] {
  width: 357px;
}
.multiseleter.form8 {
  width: 470px;
}
.multiseleter.form8 input[type="text"] {
  width: 419px;
}
.multiseleter.form9 {
  width: 520px;
}
.multiseleter.form9 input[type="text"] {
  width: 468px;
}
.multiseleter.form10 {
  width: 580px;
}
.multiseleter.form10 input[type="text"] {
  width: 527px;
}
.multiseleter.form11 {
  width: 640px;
}
.multiseleter.form11 input[type="text"] {
  width: 585px;
}
.multiseleter.form12 {
  width: 100%;
}
.multiseleter.form12 input[type="text"] {
  width: 92%;
}
.fluid1 {
  width: 30%;
}
.fluid2 {
  width: 35%;
}
.fluid3 {
  width: 40%;
}
.fluid4 {
  width: 45%;
}
.fluid5 {
  width: 55%;
}
.fluid6 {
  width: 60%;
}
.fluid7 {
  width: 70%;
}
.fluid8 {
  width: 80%;
}
.fluid9 {
  width: 90%;
}
.fluid10 {
  width: 100%;
}
.space25 .control-label {
  width: 280px;
}
.space25 .controls {
  margin-left: 290px;
}
.space24 .control-label {
  width: 270px;
}
.space24 .controls {
  margin-left: 280px;
}
.space23 .control-label {
  width: 260px;
}
.space23 .controls {
  margin-left: 270px;
}
.space22 .control-label {
  width: 250px;
}
.space22 .controls {
  margin-left: 260px;
}
.space21 .control-label {
  width: 240px;
}
.space21 .controls {
  margin-left: 250px;
}
.space20 .control-label {
  width: 230px;
}
.space20 .controls {
  margin-left: 240px;
}
.space19 .control-label {
  width: 220px;
}
.space19 .controls {
  margin-left: 230px;
}
.space18 .control-label {
  width: 210px;
}
.space18 .controls {
  margin-left: 220px;
}
.space17 .control-label {
  width: 200px;
}
.space17 .controls {
  margin-left: 210px;
}
.space16 .control-label {
  width: 190px;
}
.space16 .controls {
  margin-left: 200px;
}
.space15 .control-label {
  width: 180px;
}
.space15 .controls {
  margin-left: 190px;
}
.space14 .control-label {
  width: 170px;
}
.space14 .controls {
  margin-left: 180px;
}
.space13 .control-label {
  width: 160px;
}
.space13 .controls {
  margin-left: 170px;
}
.space12 .control-label {
  width: 150px;
}
.space12 .controls {
  margin-left: 160px;
}
.space11 .control-label {
  width: 140px;
}
.space11 .controls {
  margin-left: 150px;
}
.space10 .control-label {
  width: 130px;
}
.space10 .controls {
  margin-left: 140px;
}
.space9 .control-label {
  width: 120px;
}
.space9 .controls {
  margin-left: 130px;
}
.space8 .control-label {
  width: 110px;
}
.space8 .controls {
  margin-left: 120px;
}
.space7 .control-label {
  width: 100px;
}
.space7 .controls {
  margin-left: 110px;
}
.space6 .control-label {
  width: 90px;
}
.space6 .controls {
  margin-left: 100px;
}
.space5 .control-label {
  width: 80px;
}
.space5 .controls {
  margin-left: 90px;
}
.space4 .control-label {
  width: 70px;
}
.space4 .controls {
  margin-left: 80px;
}
.space3 .control-label {
  width: 60px;
}
.space3 .controls {
  margin-left: 70px;
}
.space2 .control-label {
  width: 50px;
}
.space2 .controls {
  margin-left: 60px;
}
.space1 .control-label {
  width: 40px;
}
.space1 .controls {
  margin-left: 40px;
}
.space26 .control-label {
  width: 290px;
}
.space26 .controls {
  margin-left: 300px;
}
.space27 .control-label {
  width: 300px;
}
.space27 .controls {
  margin-left: 310px;
}
.space28 .control-label {
  width: 310px;
}
.space28 .controls {
  margin-left: 320px;
}
.space29 .control-label {
  width: 320px;
}
.space29 .controls {
  margin-left: 330px;
}
.space30 .control-label {
  width: 330px;
}
.space30 .controls {
  margin-left: 340px;
}
.space31 .control-label {
  width: 340px;
}
.space31 .controls {
  margin-left: 350px;
}
.space32 .control-label {
  width: 350px;
}
.space32 .controls {
  margin-left: 360px;
}
.ie9 .form-horizontal .control-label {
  letter-spacing: -0.2px;
}
/* [class*="form"].btn-group .dropdown-toggle{ width:91%; } */
[class*="form"].btn-group .dropdown-menu {
  min-width: 99%;
}
.form-buttons {
  margin-top: 10px;
}
.btn-group.form1 {
  width: 74px;
}
.btn-group.form1 .dropdown-toggle {
  width: 55px;
}
.btn-group.form2 {
  width: 94px;
}
.btn-group.form2 .dropdown-toggle {
  width: 75px;
}
.btn-group.form3 {
  width: 114px;
}
.btn-group.form3 .dropdown-toggle {
  width: 93px;
}
.btn-group.form4 {
  width: 134px;
}
.btn-group.form4 .dropdown-toggle {
  width: 115px;
}
.btn-group.form5 {
  width: 154px;
}
.btn-group.form5 .dropdown-toggle {
  width: 135px;
}
.btn-group.form6 {
  width: 169px;
}
.btn-group.form6 .dropdown-toggle {
  width: 150px;
}
.btn-group.form7 {
  width: 194px;
}
.btn-group.form7 .dropdown-toggle {
  width: 175px;
}
.btn-group.form8 {
  width: 214px;
}
.btn-group.form8 .dropdown-toggle {
  width: 195px;
}
.btn-group.form9 {
  width: 234px;
}
.btn-group.form9 .dropdown-toggle {
  width: 215px;
}
.btn-group.form10 {
  width: 254px;
}
.btn-group.form10 .dropdown-toggle {
  width: 235px;
}
.btn-group.form11 {
  width: 274px;
}
.btn-group.form11 .dropdown-toggle {
  width: 255px;
}
.btn-group.form12 {
  width: 294px;
}
.btn-group.form12 .dropdown-toggle {
  width: 275px;
}
.btn-group.form13 {
  width: 314px;
}
.btn-group.form13 .dropdown-toggle {
  width: 295px;
}
.btn-group.form14 {
  width: 334px;
}
.btn-group.form14 .dropdown-toggle {
  width: 315px;
}
.btn-group.form15 {
  width: 354px;
}
.btn-group.form15 .dropdown-toggle {
  width: 335px;
}
form.form1 {
  width: 80%;
  margin: 0 auto;
}
form.form1 input[type="text"],
form.form1 select,
form.form1 select {
  width: 94%;
}
form.form1 input[type="text"],
form.form1 select,
form.form1 select,
form.form1 textarea {
  color: white;
}
form.form1 .control-label {
  color: #5e5e5e;
  font-size: 15px;
}
form.form1 textarea {
  min-height: 70px;
  width: 97%;
}
form.form1 .controls {
  background-color: #ebebeb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 5px 3px;
}
form.form1 input[type="text"],
form.form1 select,
form.form1 select,
form.form1 textarea {
  padding: 5px;
  border: solid 1px #b6b6b6;
  color: #525252;
}
form.form1 ul {
  margin: 0;
}
form.form1 ul li {
  padding: 2px 0;
  list-style: none;
}
form.form1 {
  width: 80%;
  margin: 0 auto;
}
form.form1 input[type="text"],
form.form1 select,
form.form1 select,
form.form1 textarea {
  color: white;
  margin: 0px;
  display: block;
  width: 100%;
  border: none;
}
form.form1 input[type="text"]:focus,
form.form1 select:focus,
form.form1 textarea:focus,
form.form1 select:focus {
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
}
form.form1 .control-group:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
}
form.form1 .control-label {
  color: #5e5e5e;
  font-size: 15px;
}
form.form1 textarea {
  min-height: 70px;
}
form.form1 .controls {
  background-color: #ebebeb;
  padding: 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form.form1 .controlsinner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  background-color: white;
  padding: 5px 5px 5px;
}
form.form1 input[type="text"],
form.form1 select,
form.form1 select,
form.form1 textarea {
  padding: 0px;
  color: #525252;
}
form.form1 ul {
  margin: 0;
}
form.form1 ul li {
  padding: 2px 0;
  list-style: none;
}
form.form2 {
  width: 80%;
  margin: 0 auto;
}
form.form2 input[type="text"],
form.form2 select,
form.form2 select,
form.form2 textarea {
  color: white;
  margin: 0px;
  display: block;
  width: 100%;
  border: none;
}
form.form2 input[type="text"]:focus,
form.form2 select:focus,
form.form2 textarea:focus,
form.form2 select:focus {
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px #56a5f6;
}
form.form2 .control-group:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #56a5f6;
}
form.form2 .control-label {
  color: #5e5e5e;
  font-size: 15px;
}
form.form2 textarea {
  min-height: 70px;
}
form.form2 .control-group {
  background-color: #ebebeb;
  padding: 5px 5px 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form.form2 .controls {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #b6b6b6;
  background-color: white;
  padding: 5px 5px 5px;
}
form.form2 input[type="text"],
form.form2 select,
form.form2 select,
form.form2 textarea {
  padding: 0px;
  color: #525252;
}
form.form2 ul {
  margin: 0;
}
form.form2 ul li {
  padding: 2px 0;
  list-style: none;
}
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 18px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table thead:first-child tr th,
.table thead:first-child tr td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapsed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
  border-left: 1px solid #dddddd;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
}
.table-bordered thead:first-child tr:first-child th:last-child,
.table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
}
.table-bordered thead:last-child tr:last-child th:last-child,
.table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: whitesmoke;
}
table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}
.divider-medium {
  height: 30px;
}
.divider-tiny {
  height: 20px;
}
.divider-verytiny {
  height: 10px;
}
.divider-verytiny {
  height: 10px;
}
.divider-extratiny {
  height: 3px;
}
.table-finance {
  overflow: auto;
  padding: 0px 0px 0 0px;
  position: relative;
}
.table-finance table {
  border-collapse: collapse;
  white-space: nowrap;
}
.table-finance table td {
  border: solid 1px #cfcfcf;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 7px ;
  padding: 0px 10px \9 ;
  *max-width: auto;
  *width: auto;
}
.table-finance table tr {
  height: 37px;
  max-height: 37px;
  overflow: hidden;
}
.table-finance table th {
  font-size: 13px;
  color: #121212;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
}
.table-finance tfoot td {
  font-weight: bold;
}
.table-finance tr.header-themes {
  height: 30px;
  max-height: 30px;
}
.table-finance .finance-hover {
  cursor: pointer;
}
.table-finance.numaric table td {
  text-align: right;
  width: 63px;
  min-width: 63px;
}
.header-themes td {
  background-color: #0a6dd3;
  background-image: -moz-linear-gradient(top, #107ff2, #0052a5);
  background-image: -ms-linear-gradient(top, #107ff2, #0052a5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ff2), to(#0052a5));
  background-image: -webkit-linear-gradient(top, #107ff2, #0052a5);
  background-image: -o-linear-gradient(top, #107ff2, #0052a5);
  background-image: linear-gradient(top, #107ff2, #0052a5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ff2', endColorstr='#0052a5', GradientType=0);
  color: white;
  text-align: center !important;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 0 1px 0 0 !important;
  border-color: white;
  height: 23px ;
  font-size: 13px;
  font-weight: bold;
  overflow: visible !important;
}
.table-finance .header-themes td {
  border-style: solid;
  border-width: 0 1px 0 0px !important;
  border-color: white;
}
.table-finance .alt {
  background: white;
}
.header-themes td.active {
  background-color: #00458c;
  background-image: -moz-linear-gradient(top, #0053a7, #003163);
  background-image: -ms-linear-gradient(top, #0053a7, #003163);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0053a7), to(#003163));
  background-image: -webkit-linear-gradient(top, #0053a7, #003163);
  background-image: -o-linear-gradient(top, #0053a7, #003163);
  background-image: linear-gradient(top, #0053a7, #003163);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0053a7', endColorstr='#003163', GradientType=0);
}
.header-themes .icon-down-light {
  position: absolute;
  margin-top: 22px;
  margin-left: -40px;
}
.table-finance + .table-finance {
  margin-left: 0px !important;
}
.overflowbox {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  z-index: 99;
  border: 0;
  height: 100%;
}
.overflowbox-content {
  white-space: nowrap;
  margin: 0px 1px 1px 1px;
  margin: 0px 1px 1px 0px \9;
  padding: 0px;
}
.table-column-program {
  width: 30%;
  float: left;
}
.table-column-ltd {
  float: left;
  width: 23%;
}
.table-column-report {
  max-width: 52%;
  min-width: 45%;
  overflow: auto;
}
/* all-show */
.table-itemdata {
  overflow: auto;
  width: 35%;
  float: left;
}
.table-ltd {
  width: 22%;
  overflow: auto;
  float: left;
}
.table-month {
  width: 43%;
  overflow: auto;
  float: left;
}
/* End all-show */
/* item only show */
.table-itemdata.item-only {
  overflow: auto;
  width: 100%;
  float: left;
}
.table-ltd.item-only {
  display: none;
}
.table-month.item-only {
  display: none;
}
/* End item only show */
/* item & ltd show show */
.table-itemdata.item-ltd {
  overflow: auto;
  width: 65%;
  float: left;
}
.table-ltd.item-ltd {
  width: 35%;
  overflow: auto;
  float: left;
}
.table-month.item-ltd {
  display: none;
}
/* end item & ltd show */
/* item & month show */
.table-itemdata.item-month {
  overflow: auto;
  width: 40%;
  float: left;
}
.table-ltd.item-month {
  display: none;
}
.table-month.item-month {
  width: 60%;
  overflow: auto;
  float: left;
}
/* end item & month show */
.block-fixed-medium {
  height: 230px;
  padding: 1px;
}
/* overflow:auto; remove for solved issue in home page chart*/
.block-fixed-short {
  min-height: 160px;
  overflow: auto;
  padding: 1px;
}
.block-nofix-short {
  min-height: 160px;
  overflow: auto;
  padding: 1px;
}
.block-nofix-tiny {
  min-height: 30px;
  overflow: auto;
  padding: 1px;
}
.block-dynamic-medium {
  height: 100%;
}
/*@media screen and (max-width: 1680px), screen and (max-height: 1050px) {
.block-fixed-short{ height:130px; }
.block-nofix-short{ min-height:130px; }
}



@media screen and (min-width: 1900px), screen and (min-height: 1150px) {
.block-fixed-short{ height:182px; }
.block-nofix-short{ min-height:182px; }
}*/
.photocontainer {
  margin: 5px auto 0 auto;
  height: 235px;
  width: 98.5%;
  text-align: center;
}
.photocontainer img {
  max-height: 230px;
}
.well-box-table {
  height: 100%;
}
.well-box-table td {
  height: 100%;
  background-color: whitesmoke;
  border: solid 1px gainsboro;
}
.borderbottomonly table {
  background-color: whitesmoke !important;
}
.borderbottomonly td {
  border-width: 0 0 1px 0 !important;
  background-color: whitesmoke !important;
  padding: 5px 10px;
}
.borderbottomonly tr.t-alt {
  background-color: whitesmoke !important;
}
.paddingmid {
  padding: 10px;
}
.tablenowrap td {
  white-space: normal;
}
.tablenowrap .t-grid .t-last {
  white-space: normal;
}
.table-finance-right {
  float: left;
  width: 65%;
}
.numaricltd {
  float: left;
  *max-width: 28%;
}
.col-finince-right {
  width: 100%;
  height: 100px;
  display: table-cell;
  float: none;
  max-width: 70px;
  vertical-align: top;
}
.col-finince-ltd {
  height: 100px;
  display: table-cell;
  float: none;
}
.col-finance-project {
  height: 100px;
  overflow: auto;
  display: table-cell;
  float: none;
}
.col-finince-right.autowidth {
  max-width: none !important;
}
.col-finance-project.autowidth {
  max-width: none !important;
  width: 100% !important;
}
.col-finance-project.autowidth + .col-finince-right.autowidth {
  border-left: solid 1px transparent;
}
.col-finance-project.autowidth + .col-finince-right.autowidth .numaricltd {
  margin-left: -2px;
  padding: 0 1px;
}
.table-itemdata + .table-finance-right .numaricltd {
  padding: 0 0px 0 1px;
  margin-left: -1px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .table-itemdata + .table-finance-right .numaricltd {
    margin-right: -1px;
  }
}
.display-tablecell {
  display: table-cell;
}
.valign-middle {
  vertical-align: top;
}
.table-finance .display-tablecell {
  display: table-cell;
  display: table-cell;
  vertical-align: top;
  vertical-align: top;
}
.table-finance .display-tablecell + .display-tablecell {
  padding-left: 3px;
}
.col-finance-project .table-finance table td {
  max-width: none;
}
.width-medium {
  width: 79%;
}
.no-max-width,
.table-finance table td.no-max-width {
  max-width: none;
}
.table-finance td.numaricbox {
  background: white;
}
.table-finance .numaricbox .t-numerictextbox .t-input {
  padding-right: 5px;
  border: none;
  background: transparent;
  -moz-transition: none;
  box-shadow: none;
}
.table-finance .numaricbox .t-numerictextbox {
  background: none;
}
.table-finance .numaricbox .t-formatted-value {
  padding: 5px 5px 2px 3px;
  border: none;
  background: none;
}
.table-finance .numaricbox .t-numerictextbox {
  padding-right: 5px;
}
.numerictextbox {
  background: white;
}
.numerictextbox input {
  border-width: 0px;
  border-color: transparent;
  border-style: none;
  text-align: right;
  box-shadow: none;
  margin-bottom: 0px;
}
.textautocompletebox {
  background: white;
}
.textautocompletebox input {
  border-width: 0px;
  border-color: transparent;
  border-style: none;
  text-align: left;
  box-shadow: none;
  margin-bottom: 0px;
}
.overflow-panel .t-grid table {
  table-layout: fixed;
}
.overflow-panel .t-grid table th {
  width: 100px;
  word-wrap: break-work;
}
/*.overflow-panel .t-grid-header .t-header .t-link{ height:auto; display:inline-block; word-wrap:break-work; }
.overflow-panel .t-grid-header .t-header{  white-space:normal;  overflow:visible; }*/
table.general {
  margin: 10px 0 0 0;
  border-collapse: collapse;
}
table.general td {
  border: solid 1px #e9e9e9;
  padding: 9px;
  font-size: 12px;
  vertical-align: top;
}
table.general tr.even {
  background: #faf8f8;
}
table.general th,
table.general .tabHead {
  background: #252525;
  color: white;
  text-align: left;
  border: solid 1px #444444;
  border-bottom: none !important;
  padding: 5px 7px 5px 7px;
}
.display-table {
  display: table;
  width: 100%;
}
.display-tablerow {
  display: table-row;
  width: 100%;
}
.fourcolumn [class^="display-cell"] {
  width: 25%;
}
.threecolumn [class^="display-cell"] {
  width: 32%;
}
.towcolumn [class^="display-cell"] {
  width: 50%;
}
.onecolumn [class^="display-cell"] {
  width: 100%;
}
.display-tablecell,
.display-cell {
  display: table-cell;
  vertical-align: top;
}
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("bootstrap/img/glyphicons-halflings-white.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}
.iconbox {
  width: 32px;
  height: 32px;
  border: solid 1px #c9c8c8;
  padding: 8px 8px 5px;
  background-color: #f6f6f6;
  background-image: -moz-linear-gradient(top, white, #e8e8e8);
  background-image: -ms-linear-gradient(top, white, #e8e8e8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e8e8e8));
  background-image: -webkit-linear-gradient(top, white, #e8e8e8);
  background-image: -o-linear-gradient(top, white, #e8e8e8);
  background-image: linear-gradient(top, white, #e8e8e8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e8e8e8', GradientType=0);
}
.iconbox-orange {
  background-color: #eb902e;
  background-image: -moz-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -ms-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa94d), to(#cc6a00));
  background-image: -webkit-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -o-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: linear-gradient(top, #ffa94d, #cc6a00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#cc6a00', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #cc6a00;
  padding: 8px 8px 5px;
}
.iconbox-blue {
  background-color: #0f98df;
  background-image: -moz-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -ms-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#19b0fe), to(#0175b0));
  background-image: -webkit-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -o-linear-gradient(top, #19b0fe, #0175b0);
  background-image: linear-gradient(top, #19b0fe, #0175b0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19b0fe', endColorstr='#0175b0', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #016091;
  padding: 8px 8px 5px;
}
.iconbox-green {
  background-color: #7bba00;
  background-image: -moz-linear-gradient(top, #8bd200, #629500);
  background-image: -ms-linear-gradient(top, #8bd200, #629500);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8bd200), to(#629500));
  background-image: -webkit-linear-gradient(top, #8bd200, #629500);
  background-image: -o-linear-gradient(top, #8bd200, #629500);
  background-image: linear-gradient(top, #8bd200, #629500);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bd200', endColorstr='#629500', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #629500;
  padding: 8px 8px 5px;
}
.iconbox-yellow {
  background-color: #ebb12e;
  background-image: -moz-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -ms-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc84d), to(#cc8e00));
  background-image: -webkit-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -o-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: linear-gradient(top, #ffc84d, #cc8e00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc84d', endColorstr='#cc8e00', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #cc8e00;
  padding: 8px 8px 5px;
}
.icontop {
  position: absolute;
  right: 0;
  top: 4px;
}
.icon-box {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: solid 1px #80bfff;
  background-color: #0a6dd3;
  background-image: -moz-linear-gradient(top, #107ef0, #0153a8);
  background-image: -ms-linear-gradient(top, #107ef0, #0153a8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef0), to(#0153a8));
  background-image: -webkit-linear-gradient(top, #107ef0, #0153a8);
  background-image: -o-linear-gradient(top, #107ef0, #0153a8);
  background-image: linear-gradient(top, #107ef0, #0153a8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef0', endColorstr='#0153a8', GradientType=0);
  background-position: 0 0 ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.icon-box [class^="icon-"] {
  margin: 4px 0 0 5px;
}
.icon-box:hover {
  background-color: #0a6dd3;
  background-image: -moz-linear-gradient(top, #107ef0, #0153a8);
  background-image: -ms-linear-gradient(top, #107ef0, #0153a8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef0), to(#0153a8));
  background-image: -webkit-linear-gradient(top, #107ef0, #0153a8);
  background-image: -o-linear-gradient(top, #107ef0, #0153a8);
  background-image: linear-gradient(top, #107ef0, #0153a8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef0', endColorstr='#0153a8', GradientType=0);
  border: solid 1px white;
}
.icon-box {
  border-radius: 0px \09;
}
.icon-black {
  background-image: url("bootstrap/img/glyphicons-halflings.png");
  padding: 2px;
}
[class^="icons-"],
[class*=" icons-"] {
  background-image: url("bootstrap/img/icons.png");
  display: inline-block;
}
[class^="icon-short-"] {
  width: 20px;
  height: 20px;
}
[class^="icon-medium-"] {
  width: 32px;
  height: 32px;
}
[class^="icon-large1-"] {
  width: 40px;
  height: 40px;
}
[class^="icon-medium-"] + [class^="icon-medium-"] {
  margin-left: 2px;
}
.icon-medium-facebook {
  background-position: 0px -177px;
}
.icon-medium-twitter {
  background-position: -49px -177px;
}
.icon-medium-linked {
  background-position: -100px -177px;
}
.icon-medium-blog {
  background-position: -152px -177px;
}
.icon-medium-facebook:hover {
  background-position: 0px -221px;
}
.icon-medium-twitter:hover {
  background-position: -49px -221px;
}
.icon-medium-linked:hover {
  background-position: -100px -221px;
}
.icon-medium-blog:hover {
  background-position: -152px -221px;
}
.icons-whitearrow {
  background-position: -135px -52px;
  width: 9px;
  height: 14px;
}
.icon-red-round {
  width: 46px;
  height: 46px;
  background-position: 0 -222px;
}
.icon-red-round:hover {
  background-position: -59px -222px;
}
.icon-gray-round {
  width: 46px;
  height: 46px;
  background-position: -289px -222px;
}
.icon-white-phone {
  width: 46px;
  height: 46px;
  background-position: -124px -222px;
}
.icon-fax-large {
  width: 46px;
  height: 46px;
  background-position: -346px -222px;
}
.icon-mail-large {
  width: 46px;
  height: 46px;
  background-position: -405px -222px;
}
.icon-glass {
  background-position: 0      0;
}
.icon-music {
  background-position: -24px 0;
}
.icon-search {
  background-position: -48px 0;
}
.icon-envelope {
  background-position: -72px 0;
}
.icon-heart {
  background-position: -96px 0;
}
.icon-star {
  background-position: -120px 0;
}
.icon-star-empty {
  background-position: -144px 0;
}
.icon-user {
  background-position: -168px 0;
}
.icon-film {
  background-position: -192px 0;
}
.icon-th-large {
  background-position: -216px 0;
}
.icon-th {
  background-position: -240px 0;
}
.icon-th-list {
  background-position: -264px 0;
}
.icon-ok {
  background-position: -288px 0;
}
.icon-remove {
  background-position: -312px 0;
}
.icon-zoom-in {
  background-position: -336px 0;
}
.icon-zoom-out {
  background-position: -360px 0;
}
.icon-off {
  background-position: -384px 0;
}
.icon-signal {
  background-position: -408px 0;
}
.icon-cog {
  background-position: -432px 0;
}
.icon-trash {
  background-position: -456px 0;
}
.icon-home {
  background-position: 0 -24px;
}
.icon-file {
  background-position: -24px -24px;
}
.icon-time {
  background-position: -48px -24px;
}
.icon-road {
  background-position: -72px -24px;
}
.icon-download-alt {
  background-position: -96px -24px;
}
.icon-download {
  background-position: -120px -24px;
}
.icon-upload {
  background-position: -144px -24px;
}
.icon-inbox {
  background-position: -168px -24px;
}
.icon-play-circle {
  background-position: -192px -24px;
}
.icon-repeat {
  background-position: -216px -24px;
}
.icon-refresh {
  background-position: -240px -24px;
}
.icon-list-alt {
  background-position: -264px -24px;
}
.icon-lock {
  background-position: -287px -24px;
}
.icon-flag {
  background-position: -312px -24px;
}
.icon-headphones {
  background-position: -336px -24px;
}
.icon-volume-off {
  background-position: -360px -24px;
}
.icon-volume-down {
  background-position: -384px -24px;
}
.icon-volume-up {
  background-position: -408px -24px;
}
.icon-qrcode {
  background-position: -432px -24px;
}
.icon-barcode {
  background-position: -456px -24px;
}
.icon-tag {
  background-position: 0 -48px;
}
.icon-tags {
  background-position: -25px -48px;
}
.icon-book {
  background-position: -48px -48px;
}
.icon-bookmark {
  background-position: -72px -48px;
}
.icon-print {
  background-position: -96px -48px;
}
.icon-camera {
  background-position: -120px -48px;
}
.icon-font {
  background-position: -144px -48px;
}
.icon-bold {
  background-position: -167px -48px;
}
.icon-italic {
  background-position: -192px -48px;
}
.icon-text-height {
  background-position: -216px -48px;
}
.icon-text-width {
  background-position: -240px -48px;
}
.icon-align-left {
  background-position: -264px -48px;
}
.icon-align-center {
  background-position: -288px -48px;
}
.icon-align-right {
  background-position: -312px -48px;
}
.icon-align-justify {
  background-position: -336px -48px;
}
.icon-list {
  background-position: -360px -48px;
}
.icon-indent-left {
  background-position: -384px -48px;
}
.icon-indent-right {
  background-position: -408px -48px;
}
.icon-facetime-video {
  background-position: -432px -48px;
}
.icon-picture {
  background-position: -456px -48px;
}
.icon-pencil {
  background-position: 0 -72px;
}
.icon-map-marker {
  background-position: -24px -72px;
}
.icon-adjust {
  background-position: -48px -72px;
}
.icon-tint {
  background-position: -72px -72px;
}
.icon-edit {
  background-position: -96px -72px;
}
.icon-share {
  background-position: -120px -72px;
}
.icon-check {
  background-position: -144px -72px;
}
.icon-move {
  background-position: -168px -72px;
}
.icon-step-backward {
  background-position: -192px -72px;
}
.icon-fast-backward {
  background-position: -216px -72px;
}
.icon-backward {
  background-position: -240px -72px;
}
.icon-play {
  background-position: -264px -72px;
}
.icon-pause {
  background-position: -288px -72px;
}
.icon-stop {
  background-position: -312px -72px;
}
.icon-forward {
  background-position: -336px -72px;
}
.icon-fast-forward {
  background-position: -360px -72px;
}
.icon-step-forward {
  background-position: -384px -72px;
}
.icon-eject {
  background-position: -408px -72px;
}
.icon-chevron-left {
  background-position: -432px -72px;
}
.icon-chevron-right {
  background-position: -456px -72px;
}
.icon-plus-sign {
  background-position: 0 -96px;
}
.icon-minus-sign {
  background-position: -24px -96px;
}
.icon-remove-sign {
  background-position: -48px -96px;
}
.icon-ok-sign {
  background-position: -72px -96px;
}
.icon-question-sign {
  background-position: -96px -96px;
}
.icon-info-sign {
  background-position: -120px -96px;
}
.icon-screenshot {
  background-position: -144px -96px;
}
.icon-remove-circle {
  background-position: -168px -96px;
}
.icon-ok-circle {
  background-position: -192px -96px;
}
.icon-ban-circle {
  background-position: -216px -96px;
}
.icon-arrow-left {
  background-position: -240px -96px;
}
.icon-arrow-right {
  background-position: -264px -96px;
}
.icon-arrow-up {
  background-position: -289px -96px;
}
.icon-arrow-down {
  background-position: -312px -96px;
}
.icon-share-alt {
  background-position: -336px -96px;
}
.icon-resize-full {
  background-position: -360px -97px;
}
.icon-resize-small {
  background-position: -384px -96px;
}
.icon-plus {
  background-position: -408px -96px;
}
.icon-minus {
  background-position: -433px -96px;
}
.icon-asterisk {
  background-position: -456px -96px;
}
.icon-exclamation-sign {
  background-position: 0 -120px;
}
.icon-gift {
  background-position: -24px -120px;
}
.icon-leaf {
  background-position: -48px -120px;
}
.icon-fire {
  background-position: -72px -120px;
}
.icon-eye-open {
  background-position: -96px -120px;
}
.icon-eye-close {
  background-position: -120px -120px;
}
.icon-warning-sign {
  background-position: -144px -120px;
}
.icon-plane {
  background-position: -168px -120px;
}
.icon-calendar {
  background-position: -192px -120px;
}
.icon-random {
  background-position: -216px -120px;
}
.icon-comment {
  background-position: -240px -120px;
}
.icon-magnet {
  background-position: -264px -120px;
}
.icon-chevron-up {
  background-position: -288px -120px;
}
.icon-chevron-down {
  background-position: -313px -119px;
}
.icon-retweet {
  background-position: -336px -120px;
}
/* .icon-shopping-cart      { background-position: -360px -120px; } */
.icon-shopping-cart {
  background-position: -353px -114px;
}
.icon-folder-close {
  background-position: -384px -120px;
}
.icon-folder-open {
  background-position: -408px -120px;
}
.icon-resize-vertical {
  background-position: -432px -119px;
}
.icon-resize-horizontal {
  background-position: -456px -118px;
}
.icon-help {
  background-position: -200px -144px;
}
.icon-file {
  background-position: -231px -144px;
}
[class^="icon-"]:hover,
[class*=" icon-"]:hover {
  text-decoration: none;
}
.icon-plus-small {
  background-position: -261px -143px;
}
.icon-minus-small {
  background-position: -286px -143px;
}
.icon-hierarchy {
  background-position: -312px -143px;
}
.icon-promote {
  background-position: -335px -144px;
}
.icon-left-arrow {
  background-position: -382px -144px;
}
.icon-down-light {
  background-position: -104px -181px;
}
.icon-down-dark {
  background-position: -136px -181px;
}
.icon-cancel {
  background-position: -360px -144px;
}
.icon-setting {
  background-position: -481px -71px;
}
.icon-reopen {
  background-position: -409px -143px;
}
.icon-submit {
  background-position: -434px -143px;
}
.icon-approval {
  background-position: -457px -143px;
}
.icon-approved {
  background-position: -482px -121px;
}
.icon-reject {
  background-position: -480px -143px;
}
.icon-balance {
  background-position: -169px -178px;
}
.icon-arrow-up-big {
  background-position: -481px -97px;
}
.icon-next {
  background-position: -363px -177px;
}
.icon-previous {
  background-position: -338px -177px;
}
.icon-arrow-left-big {
  background-position: -288px -177px;
}
.icon-arrow-right-big {
  background-position: -264px -177px;
}
.icon-arrow-down-big {
  background-position: -311px -177px;
}
.icon-option {
  background-position: -385px -177px;
}
.icon-gray-next {
  background-position: -414px -177px;
}
.icon-items {
  background-position: -431px -177px;
}
.icon-import {
  background-position: -462px -177px;
}
.icon-export {
  background-position: -490px -177px;
}
.icon-addtask {
  background-position: -518px -177px;
}
.icon-on {
  background-position: -481px -49px;
}
.icon-grid-edit {
  background-position: -510px -144px;
}
.icon-rightall {
  background-position: -510px -120px;
}
.icon-leftall {
  background-position: -510px -99px;
}
.icon-editable {
  background-position: -484px 0px;
}
.icon-allocation {
  background-position: -480px -24px;
}
.icon-custom-message {
  background-position: -227px -221px;
  width: 42px;
  height: 30px;
}
.icon-label-sign {
  background-position: -195px -142px;
}
.icon-sign-add {
  background-position: -226px -142px;
}
.icon-close {
  background-position: -187px -141px;
}
.icon-quote-top {
  background-position: -70px -174px;
  width: 47px;
  height: 45px;
}
.icon-quote-bottom {
  background-position: 0px -174px;
  width: 47px;
  height: 45px;
}
.icon-business-type {
  background-position: -161px -142px;
}
.icon-email {
  background-position: -99px -142px;
}
.icon-software {
  background-position: -423px -143px;
}
.icon-web {
  background-position: -486px -143px;
}
.icon-internetmarketing {
  background-position: -393px -143px;
}
.icon-backoffice {
  background-position: -453px -142px;
}
.icon-software.black {
  background-position: -290px -143px;
}
.icon-web.black {
  background-position: -353px -143px;
}
.icon-internetmarketing.black {
  background-position: -260px -143px;
}
.icon-backoffice.black {
  background-position: -320px -142px;
}
.icon-linkedin {
  background-position: 0px -319px;
  width: 24px;
  height: 24px;
}
.icon-googleplus {
  background-position: -36px -319px;
  width: 24px;
  height: 24px;
}
.icon-facebook {
  background-position: -68px -319px;
  width: 24px;
  height: 24px;
}
.icon-blogger {
  background-position: -425px -319px;
  width: 24px;
  height: 24px;
}
.icon-phone-blue {
  width: 40px;
  height: 40px;
  background-position: -139px -170px;
}
.icon-phone-blue.white {
  width: 28px;
  height: 28px;
  background-position: -364px -174px;
}
.icon-phone-thme {
  width: 28px;
  height: 28px;
  background-position: -416px -174px;
}
.icon-phone-blue-one {
  width: 25px;
  height: 28px;
  background-position: 0px -488px;
}
.icon-quote-white-one {
  width: 25px;
  height: 25px;
  background-position: -34px -488px;
}
.icon-calendar-gray-one {
  width: 22px;
  height: 22px;
  background-position: -64px -493px;
}
.socialnetwork .icon-linkedin {
  background-position: 5px -315px;
}
.socialnetwork .icon-youtube {
  background-position: -669px -313px;
}
.socialnetwork .icon-googleplus {
  background-position: -29px -313px;
}
.socialnetwork .icon-facebook {
  background-position: -62px -313px;
}
.socialnetwork .icon-blogger {
  background-position: -420px -314px;
}
.socialnetwork .icon-pinterest {
  background-position: -620px -315px;
}
.socialnetwork .icon-twitter {
  background-position: -588px -314px;
}
.icon-bus-webiste {
  background-position: -122px -279px;
}
.icon-ecomm-solution {
  background-position: -153px -279px;
}
.icon-bus-blog {
  background-position: -182px -279px;
}
.icon-shopping {
  background-position: -213px -279px;
}
.icon-link-building {
  background-position: -243px -279px;
}
.icon-seo {
  background-position: -273px -279px;
}
.icon-email-marketing {
  background-position: -303px -279px;
}
.icon-brand-manage {
  background-position: -333px -279px;
}
.icon-content-manage {
  background-position: -363px -279px;
}
.icon-intranet {
  background-position: 0px -279px;
}
.icon-dbapps {
  background-position: -31px -279px;
}
.icon-mobileapps {
  background-position: -61px -279px;
}
.icon-buss-consulting {
  background-position: -91px -279px;
}
.icon-newsletter {
  background-position: -578px -279px;
}
.icon-page {
  background-position: -578px -253px;
}
.icon-article-marketing {
  background-position: -607px -279px;
}
.icon-domain-name {
  background-position: -607px -253px;
}
.icon-advertising {
  background-position: -636px -279px;
}
.icon-com {
  background-position: -667px -279px;
}
.icon-video-marketing {
  background-position: -697px -279px;
}
.icon-project-manage {
  background-position: -726px -279px;
  width: 21px;
}
.icon-testing-solutions {
  background-position: -841px -279px;
}
.icon-database-manage {
  background-position: -783px -279px;
}
.icon-sem {
  background-position: -811px -279px;
}
.icon-webhosting {
  background-position: -645px -253px;
}
.icon-cms {
  background-position: -682px -247px;
}
[class^="servicepanel-"] .icon-bus-webiste,
.submenu .column .icon-bus-webiste {
  background-position: -117px -273px;
}
[class^="servicepanel-"] .icon-ecomm-solution,
.submenu .column .icon-ecomm-solution {
  background-position: -148px -273px;
}
[class^="servicepanel-"] .icon-bus-blog,
.submenu .column .icon-bus-blog {
  background-position: -176px -273px;
}
[class^="servicepanel-"] .icon-shopping,
.submenu .column .icon-shopping {
  background-position: -209px -273px;
}
[class^="servicepanel-"] .icon-link-building,
.submenu .column .icon-link-building {
  background-position: -237px -273px;
}
[class^="servicepanel-"] .icon-seo,
.submenu .column .icon-seo {
  background-position: -267px -273px;
}
[class^="servicepanel-"] .icon-email-marketing,
.submenu .column .icon-email-marketing {
  background-position: -297px -273px;
}
[class^="servicepanel-"] .icon-brand-manage,
.submenu .column .icon-brand-manage {
  background-position: -327px -273px;
}
[class^="servicepanel-"] .icon-content-manage,
.submenu .column .icon-content-manage {
  background-position: -357px -273px;
}
[class^="servicepanel-"] .icon-intranet,
.submenu .column .icon-intranet {
  background-position: 4px -273px;
}
[class^="servicepanel-"] .icon-dbapps,
.submenu .column .icon-dbapps {
  background-position: -25px -273px;
}
[class^="servicepanel-"] .icon-mobileapps,
.submenu .column .icon-mobileapps {
  background-position: -55px -273px;
}
[class^="servicepanel-"] .icon-buss-consulting,
.submenu .column .icon-buss-consulting {
  background-position: -85px -273px;
}
[class^="servicepanel-"] .icon-newsletter,
.submenu .column .icon-newsletter {
  background-position: -573px -273px;
}
[class^="servicepanel-"] .icon-page,
.submenu .column .icon-page {
  background-position: -573px -247px;
}
[class^="servicepanel-"] .icon-article-marketing,
.submenu .column .icon-article-marketing {
  background-position: -602px -272px;
}
[class^="servicepanel-"] .icon-domain-name,
.submenu .column .icon-domain-name {
  background-position: -607px -247px;
}
[class^="servicepanel-"] .icon-advertising,
.submenu .column .icon-advertising {
  background-position: -631px -273px;
}
[class^="servicepanel-"] .icon-com,
.submenu .column .icon-com {
  background-position: -662px -273px;
}
[class^="servicepanel-"] .icon-video-marketing,
.submenu .column .icon-video-marketing {
  background-position: -692px -273px;
}
[class^="servicepanel-"] .icon-project-manage,
.submenu .column .icon-project-manage {
  background-position: -723px -273px;
}
[class^="servicepanel-"] .icon-testing-solutions,
.submenu .column .icon-testing-solutions {
  background-position: -718px -273px;
}
[class^="servicepanel-"] .icon-database-manage,
.submenu .column .icon-database-manage {
  background-position: -778px -273px;
}
[class^="servicepanel-"] .icon-sem,
.submenu .column .icon-sem {
  background-position: -806px -273px;
}
[class^="servicepanel-"] .icon-testing-solutions,
.submenu .column .icon-testing-solutions {
  background-position: -836px -273px;
}
[class^="servicepanel-"] .icon-webhosting,
.submenu .column .icon-webhosting {
  background-position: -640px -247px;
}
[class^="servicepanel-"] .icon-cms,
.submenu .column .icon-cms {
  background-position: -676px -247px;
}
/*
.submenu .column
{
	.icon-bus-webiste      {  background-position: -117px -273px; }
	.icon-ecomm-solution   {  background-position: -148px -273px; }
	.icon-bus-blog		   {  background-position: -177px -273px; }
	.icon-shopping         {  background-position: -208px -273px; }

	.icon-link-building   {  background-position: -238px -273px; }
	.icon-seo             {  background-position: -268px -273px; }
	.icon-email-marketing {  background-position: -298px -273px; }
	.icon-brand-manage    {  background-position: -328px -273px; }

	.icon-content-manage  {  background-position: -358px -273px; }

	.icon-intranet		  {  background-position:  3px -273px; }
	.icon-dbapps		  {  background-position: -26px -273px; }
	.icon-mobileapps	  {  background-position: -56px -273px; }
	.icon-buss-consulting {  background-position: -86px -273px; }



	.icon-newsletter            {  background-position: -573px -273px; }
		.icon-page			        {  background-position: -602px -273px; }
		.icon-article-marketing		{  background-position: -602px -272px; }
		.icon-domain-name   {  background-position: -148px -273px; }

		.icon-advertising   {  background-position: -631px -273px; }
		.icon-com           {  background-position: -662px -273px; }

		.icon-video-marketing    {  background-position: -692px -273px; }

		.icon-project-manage    {  background-position: -721px -273px; }
		.icon-testing-solutions    {  background-position: -718px -273px; }

		.icon-database-manage    {  background-position: -778px -273px; }

		.icon-sem    {  background-position: -806px -273px; }
} */
.icon-brand-manage {
  background-position: -333px -279px;
}
.icon-round-white {
  background-position: -256px -174px;
  width: 42px;
  height: 42px;
}
.icon-round-black {
  background-position: -199px -174px;
  width: 42px;
  height: 42px;
}
.icon-next-black {
  background-position: -483px -121px;
}
.icon-previous-black {
  background-position: -508px -121px;
}
.icon-contactus {
  background-position: -539px -121px;
}
.icon-custom-cart {
  background-position: 0px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-website {
  background-position: -74px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-blogging {
  background-position: -145px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-cms {
  background-position: -215px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-hosting {
  background-position: -295px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-article {
  background-position: -295px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-mobile {
  background-position: -361px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-dbmanagement {
  background-position: -423px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-dedicatedresource {
  background-position: -631px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-css {
  background-position: -493px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-SaaS {
  background-position: -563px -418px;
  width: 45px;
  height: 45px;
}
.icon-custom-appservices {
  background-position: -99px -484px;
  width: 42px;
  height: 40px;
}
.icon-custom-cloudservices {
  background-position: -154px -484px;
  width: 42px;
  height: 40px;
}
.icon-custom-onlinecolservices {
  background-position: -210px -484px;
  width: 42px;
  height: 40px;
}
.icon-custom-enterpriseservices {
  background-position: -266px -484px;
  width: 42px;
  height: 40px;
}
.icon-large-call {
  background-position: -107px -312px;
  width: 88px;
  height: 88px;
}
.icon-large-call-blue {
  background-position: -210px -312px;
  width: 88px;
  height: 88px;
}
.icon-large-call-green {
  background-position: -313px -312px;
  width: 88px;
  height: 88px;
}
.icon-large-call-black {
  background-position: -483px -312px;
  width: 88px;
  height: 88px;
}
.icon-custom-seo-big {
  background-position: -348px -533px;
  height: 40px;
  width: 42px;
}
.icon-custom-advertising-big {
  background-position: -404px -536px;
  height: 40px;
  width: 42px;
}
.icon-custom-link-building-big {
  background-position: -452px -534px;
  height: 40px;
  width: 42px;
}
.icon-custom-video-marketing-big {
  background-position: -499px -535px;
  height: 40px;
  width: 42px;
}
.icon-close-white {
  background-position: -323px -174px;
  width: 26px;
  height: 26px;
}
.icon-close-gray {
  background-position: -459px -174px;
  width: 26px;
  height: 26px;
}
.icon-arrow-previous {
  background-position: -508px -174px;
  width: 27px;
  height: 40px;
}
.icon-arrow-next {
  background-position: -566px -174px;
  width: 27px;
  height: 40px;
}
.icon-arrow-previous1 {
  background-position: -614px -166px;
  width: 14px;
  height: 25px;
}
.icon-arrow-next1 {
  background-position: -658px -166px;
  width: 15px;
  height: 25px;
}
.icon-arrow-close {
  background-position: -715px -166px;
  width: 26px;
  height: 26px;
}
.icon-medium-webdesign {
  background-position: -750px -418px;
}
.icon-medium-software {
  background-position: -706px -418px;
}
.icon-medium-internetmarketing {
  background-position: -791px -418px;
}
.icon-mobile {
  background-position: -471px -279px;
}
.icon-fax {
  background-position: -498px -279px;
}
.icon-email {
  background-position: -526px -279px;
}
.icon-add-green {
  background-position: -553px -279px;
}
.icon-add-white {
  background-position: -572px -120px;
}
.icon-visit-site {
  background-position: -628px -120px;
}
.icon-mail-gray {
  background-position: -598px -120px;
}
.icon-love-gray {
  background-position: -658px -120px;
}
.icon-love-white {
  background-position: -688px -120px;
}
[class^="icon-social-"] {
  background: url("bootstrap/img/icon-socialnetwork.png") no-repeat;
  height: 32px;
  width: 32px;
  display: inline-block;
}
.icon-social-yahoo {
  background-position: 0px 0px;
  width: 42px;
  height: 30px;
}
.icon-social-youtube {
  background-position: -58px 0px;
}
.icon-social-bing {
  background-position: -102px 0px;
}
.icon-social-fb {
  background-position: -163px 0px;
}
.icon-social-linked {
  background-position: -205px 0px;
}
.icon-social-twitter {
  background-position: -256px 0px;
}
.icon-social-twiiter1 {
  background-position: -313px 0px;
}
.icon-social-blog {
  background-position: -356px 0px;
}
.icon-social-wordpress {
  background-position: 0px -63px;
}
.icon-social-icn1 {
  background-position: -58px -63px;
}
.icon-social-rss {
  background-position: -130px -63px;
}
.icon-social-vimeo {
  background-position: -184px -63px;
}
.icon-social-icn2 {
  background-position: -240px -63px;
}
.icon-social-icn3 {
  background-position: -291px -63px;
}
.icon-social-icn4 {
  background-position: -339px -63px;
}
.icon-social-icn5 {
  background-position: 0px -114px;
}
.icon-social-icn6 {
  background-position: -40px -114px;
}
.icon-social-icn7 {
  background-position: -98px -114px;
}
.icon-social-icn8 {
  background-position: -160px -114px;
}
.icon-social-icn10 {
  background-position: -235px -114px;
}
.icon-social-icn11 {
  background-position: -280px -114px;
}
.icon-social-googleplus {
  background-position: -339px -114px;
}
.icon-social-icn12 {
  background-position: 0px -173px;
}
.icon-social-icn13 {
  background-position: -58px -173px;
}
.icon-social-icn14 {
  background-position: -192px -173px;
}
.icon-social-icn15 {
  background-position: -162px -169px;
}
.icon-social-icn16 {
  background-position: -214px -173px;
}
.icon-social-google {
  background-position: -262px -163px;
  height: 46px;
}
.icon-large1-desktop {
  background-position: 0px -611px;
}
.icon-large1-ecommerce {
  background-position: -55px -611px;
}
.icon-large1-business {
  background-position: -117px -611px;
}
.icon-large1-cart {
  background-position: -176px -611px;
}
.icon-large1-mobile {
  background-position: -358px -611px;
}
.icon-large1-mobile1 {
  background-position: -412px -611px;
}
.icon-large1-book {
  background-position: -241px -609px;
}
.icon-large1-setting {
  background-position: -307px -611px;
}
.icon-large1-website {
  background-position: -460px -611px;
}
.icon-large1-seo {
  background-position: -508px -609px;
}
.icon-large1-mouse {
  background-position: -560px -609px;
}
.icon-large1-video {
  background-position: -608px -609px;
}
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  text-indent: -99999px;
  *text-indent: 0;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  opacity: 0.3;
  filter: alpha(opacity=30);
  content: "\2193";
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown:hover .caret,
.open.dropdown .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.dropdown-menu {
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 100000;
  float: left;
  display: none;
  overflow: auto;
  padding: 4px 0;
  margin: 0;
  list-style: none;
  background-color: white;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}
.dropdown-menu.bottom-up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 5px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid white;
  *width: 100%;
  *margin: -5px 0 5px;
}
.dropdown-menu a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.control-group .dropdown-menu {
  max-height: 190px;
}
.project-treeview-dropdown .dropdown-menu {
  *max-height: auto;
}
.dropdown-colorlist {
  min-width: 103px;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu li.selected > a {
  color: white;
  text-decoration: none;
  background-color: #c30208;
}
.dropdown.open {
  *z-index: 100000;
}
.dropdown.open .dropdown-toggle {
  color: white;
  background: rgba(0, 0, 0, 0.3);
}
.dropdown.open .dropdown-menu {
  display: block;
}
* + html .dropdown-toggle .selected-color {
  float: left;
  margin-right: 3px;
  vertical-align: middle;
  margin-top: 2px;
  position: relative;
}
* + html .dropdown-toggle .select-color-item {
  float: left;
}
* + html .dropdown-toggle .selected-text,
* + html .dropdown-toggle .default-text {
  float: left;
}
* + html .dropdown-menu .color-text {
  padding-left: 3px;
}
.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.project-treeview-dropdown .t-treeview .t-in {
  border: solid 1px white;
  margin-top: 1px !important;
  padding-left: 5px;
  display: block;
  padding-right: 15px;
}
.project-treeview-dropdown .t-treeview .t-state-hover,
.t-treeview .t-state-hover:hover,
.t-treeview .t-state-selected {
  background-color: whitesmoke;
  background-image: -moz-linear-gradient(top, white, #e5e5e5);
  background-image: -ms-linear-gradient(top, white, #e5e5e5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, white, #e5e5e5);
  background-image: -o-linear-gradient(top, white, #e5e5e5);
  background-image: linear-gradient(top, white, #e5e5e5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e5e5e5', GradientType=0);
  padding-left: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.posrelative {
  position: relative;
}
.context-menu {
  border-radius: 5px;
  z-index: 11000000;
  position: absolute;
  display: none;
}
.context-menu li {
  padding: 1px 0;
}
.context-menu [class^="icon-"] {
  vertical-align: middle;
  margin-right: 5px;
  white-space: pre;
}
.context-menu .icon-gray-next {
  position: absolute;
  top: 25px;
  right: -18px;
  z-index: 10000;
  width: 8px;
}
.context-menu .dropdown-menu {
  border-radius: 5px;
}
.context-menu .dropdown-menu li {
  padding: 1px 0;
}
.context-menu .dropdown-menu [class^="icon-"] {
  vertical-align: middle;
  margin-right: 5px;
  white-space: pre;
}
.context-menu.short {
  width: 130px;
}
.context-menu.short .dropdown-menu {
  width: 130px;
  min-width: auto;
}
.context-menu.medium {
  width: 150px;
}
.context-menu.medium .dropdown-menu {
  width: 150px;
  min-width: auto;
}
.context-menu.large {
  width: 220px;
}
.context-menu.large .dropdown-menu {
  width: 220px;
  min-width: auto;
}
.numerictextbox .t-combobox {
  float: right;
  border: none;
}
.numerictextbox .t-combobox .t-dropdown-wrap {
  border-width: 0px;
}
.numerictextbox .t-combobox .t-header {
  background: none;
  border: none;
}
.textautocompletebox .t-combobox {
  float: right;
  border: none;
}
.textautocompletebox .t-combobox .t-dropdown-wrap {
  border-width: 0px;
}
.textautocompletebox .t-combobox .t-header {
  background: none;
  border: none;
}
.well {
  min-height: 20px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /* .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 
	  background-color: @commonbg;
  */

}
.well blockquote {
  border-color: #dddddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-darkgray {
  background-color: #5a5a5a;
}
.well-white {
  min-height: 20px;
  padding: 15px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.well-white1 {
  min-height: 20px;
  padding: 15px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.well-white {
  background-color: white;
}
.well-black {
  background-color: #0a6cd2;
  background-image: -moz-linear-gradient(top, #107ef0, #0152a6);
  background-image: -ms-linear-gradient(top, #107ef0, #0152a6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef0), to(#0152a6));
  background-image: -webkit-linear-gradient(top, #107ef0, #0152a6);
  background-image: -o-linear-gradient(top, #107ef0, #0152a6);
  background-image: linear-gradient(top, #107ef0, #0152a6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef0', endColorstr='#0152a6', GradientType=0);
}
.well-gray {
  background-color: #f2f2f2;
  padding-top: 25px;
}
.box-header-top {
  background-color: #0a6cd2;
  background-image: -moz-linear-gradient(top, #107ef0, #0152a6);
  background-image: -ms-linear-gradient(top, #107ef0, #0152a6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef0), to(#0152a6));
  background-image: -webkit-linear-gradient(top, #107ef0, #0152a6);
  background-image: -o-linear-gradient(top, #107ef0, #0152a6);
  background-image: linear-gradient(top, #107ef0, #0152a6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef0', endColorstr='#0152a6', GradientType=0);
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: solid 1px #3f8ede;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
.box-header-top .heading {
  display: inline-block;
  margin: 10px 0 0 15px;
}
.box-header-top .icontopleft + .heading {
  margin: 10px 0 0 10px;
}
.heading {
  font-size: 13px;
  font-weight: bold;
}
.topsearch .control-label {
  width: auto;
}
.topsearch .control-group {
  margin-bottom: 5px;
}
.topsearch .controls {
  margin-left: 25%;
  *margin-left: 0%;
}
.topsearch input {
  width: 100%;
}
.topsearch-plain .control-group {
  margin-bottom: 5px;
  float: left;
  margin-right: 15px;
}
.topsearch-plain .control-label {
  float: left;
  margin-right: 10px;
  width: auto;
}
.topsearch-plain .controls {
  margin-left: auto;
  float: left;
}
.t-widget.t-window .form-horizontal .topsearch-plain .control-group {
  margin-bottom: 5px;
  float: left;
  margin-right: 15px;
}
.t-widget.t-window .form-horizontal .topsearch-plain .control-label {
  float: left;
  margin-right: 10px;
  width: auto !important;
}
.t-widget.t-window .form-horizontal .topsearch-plain .controls {
  margin-left: auto !important;
  float: left;
}
.backgroundgrayshade {
  background-color: #f6f6f6;
  background-image: -moz-linear-gradient(top, white, #e9e9e9);
  background-image: -ms-linear-gradient(top, white, #e9e9e9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e9e9e9));
  background-image: -webkit-linear-gradient(top, white, #e9e9e9);
  background-image: -o-linear-gradient(top, white, #e9e9e9);
  background-image: linear-gradient(top, white, #e9e9e9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e9e9e9', GradientType=0);
  height: 81px;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
}
.iconbox-gray {
  background: #252525;
}
.iconbox-red {
  background: #c30208;
}
/* ============================================================================== SHADE BOX  ============================================================================== */
.shade-gray {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, white, #f1f1f1);
  background-image: -ms-linear-gradient(top, white, #f1f1f1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, white, #f1f1f1);
  background-image: -o-linear-gradient(top, white, #f1f1f1);
  background-image: linear-gradient(top, white, #f1f1f1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f1f1f1', GradientType=0);
}
.shade-darkgray {
  background: #252525;
  min-height: 30px;
  position: relative;
  z-index: 1000;
}
.shade-red {
  background: #c30208;
  min-height: 30px;
  color: white;
}
.shade-yellow {
  /*background:#e6e3dc url(images/shade-yellow.jpg) repeat-x left  bottom;*/
  min-height: 50px;
  background: #e6e3dc;
}
.shade-white {
  background: white;
  min-height: 92px;
  border-top: solid 1px #e6e6e6;
}
.shade-gray-plain {
  background: #efefef;
  min-height: 50px;
  border-top: solid 1px #da0515;
  width: 100%;
  padding-bottom: 10px;
}
[class^="contentbox-"] {
  background: #fdfdfd;
  border: solid 1px #e4e4e4;
  min-height: 50px;
  margin-bottom: 10px;
  padding-bottom: 10px ;
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
[class^="contentbox-"] h2 {
  text-transform: capitalize;
  min-height: 15px;
  padding: 10px 0 10px 15px;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  line-height: 15px;
  text-transform: uppercase;
}
[class^="contentbox-"] .contentboxdata {
  padding: 10px 14px 0 14px;
  color: #230a00;
}
[class^="contentbox-"] .contentboxdata h3 {
  padding-top: 5px;
}
[class^="contentbox-"] .rotate-homenews li {
  padding: 0px 0px 10px 0px;
}
[class^="contentbox-"] .rotate-homenews .news-content {
  width: 50%;
  float: left;
  min-height: 105px;
  margin-left: 10px;
}
[class^="contentbox-"] .rotate-homenews .photo-bg-small {
  margin-left: 5px;
}
[class^="contentbox-"] .left-margin-tiny {
  padding-top: 3px;
  *padding-top: 27px;
  margin-left: 13px;
}
.contentbox-black h2 {
  background-color: #424242;
  background-image: -moz-linear-gradient(top, #555555, #262626);
  background-image: -ms-linear-gradient(top, #555555, #262626);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#262626));
  background-image: -webkit-linear-gradient(top, #555555, #262626);
  background-image: -o-linear-gradient(top, #555555, #262626);
  background-image: linear-gradient(top, #555555, #262626);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#262626', GradientType=0);
  color: white;
}
.contentbox-gray h2 {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, white, gainsboro);
  background-image: -ms-linear-gradient(top, white, gainsboro);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(gainsboro));
  background-image: -webkit-linear-gradient(top, white, gainsboro);
  background-image: -o-linear-gradient(top, white, gainsboro);
  background-image: linear-gradient(top, white, gainsboro);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='gainsboro', GradientType=0);
  color: black;
}
/* ============================================================================== End SHADE BOX  ============================================================================== */
.fade {
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.collapse {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -ms-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: black;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.btn {
  display: inline-block;
  padding: 3px 15px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 18px;
  color: #3e3e3e;
  text-align: center;
  vertical-align: middle;
  background-color: whitesmoke;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 silver;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  cursor: pointer;
  /* @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  .box-shadow(@shadow);
   border: 0px solid @inputBorder; 
   text-shadow: 0 1px 1px rgba(255,255,255,.75);   
   */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  *margin-left: .3em;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
}
.btn:active,
.btn.active {
  background-color: #cccccc 9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  text-decoration: none;
  background-color: #e6e6e6;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.button1 {
  border: 1px solid #d8d8d8;
  background: none;
  background-color: #efefef;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  padding: 2px 15px;
  line-height: 22px;
  font-size: 15px;
}
.button1:hover {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background-color: white;
}
.button3 {
  border: 1px solid #d8d8d8;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 13px;
  font-weight: bold;
}
.button4 {
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 20px;
  font-size: 15px;
  font-weight: normal;
  color: #2a2727;
}
.button5 {
  background-color: #bc0d7c;
  -webkit-border-radius: 98px;
  -moz-border-radius: 98px;
  border-radius: 98px;
  height: 73px;
  width: 98px;
  display: inline-block;
  color: white !important;
  text-align: center;
  padding-top: 25px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.button5:hover {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: #de1494;
}
.btn:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/*.btn.active,
.btn:active {
  background-image: none;
  @shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  .box-shadow(@shadow);
  background-color: darken(@white, 10%);
  background-color: darken(@white, 15%) e("\9");
  outline: 0;
}
*/
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-large1 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 16px;
  border: none;
  font-size: 19px;
  font-weight: normal;
  text-transform: capitalize;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
}
.btn-large1 [class^="icon-"] {
  vertical-align: middle;
}
.btn-large2 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 14px 18px;
  font-size: 17px;
  font-weight: bold;
}
.btn-small {
  padding: 5px 9px;
  font-size: 12px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin: 2px -3px 0 2px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 12px;
  line-height: 14px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: white;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-dark.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  background-color: #f36612;
  background-image: -moz-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -ms-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8400), to(#e13a2e));
  background-image: -webkit-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -o-linear-gradient(top, #ff8400, #e13a2e);
  background-image: linear-gradient(top, #ff8400, #e13a2e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#e13a2e', GradientType=0);
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  filter: none;
}
.btn-primary:hover {
  background-color: #f8851a;
  background-image: -moz-linear-gradient(top, #ffa700, #ed5342);
  background-image: -ms-linear-gradient(top, #ffa700, #ed5342);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa700), to(#ed5342));
  background-image: -webkit-linear-gradient(top, #ffa700, #ed5342);
  background-image: -o-linear-gradient(top, #ffa700, #ed5342);
  background-image: linear-gradient(top, #ffa700, #ed5342);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa700', endColorstr='#ed5342', GradientType=0);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
a.btn-primary {
  color: white !important;
}
.btn-primary1 {
  background: #f0810a;
  color: white;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-primary1:hover {
  background: #3d3d3d;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  color: white;
}
.btn-primary2 {
  filter: none;
  background-color: #f36612;
  background-image: -moz-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -ms-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff8400), to(#e13a2e));
  background-image: -webkit-linear-gradient(top, #ff8400, #e13a2e);
  background-image: -o-linear-gradient(top, #ff8400, #e13a2e);
  background-image: linear-gradient(top, #ff8400, #e13a2e);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#e13a2e', GradientType=0);
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  color: white;
}
.btn-primary2:hover {
  background-color: #f8851a;
  background-image: -moz-linear-gradient(top, #ffa700, #ed5342);
  background-image: -ms-linear-gradient(top, #ffa700, #ed5342);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa700), to(#ed5342));
  background-image: -webkit-linear-gradient(top, #ffa700, #ed5342);
  background-image: -o-linear-gradient(top, #ffa700, #ed5342);
  background-image: linear-gradient(top, #ffa700, #ed5342);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa700', endColorstr='#ed5342', GradientType=0);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-theme {
  filter: none;
  background-color: #017dd0;
  background-image: -moz-linear-gradient(top, #0095f2, #03599d);
  background-image: -ms-linear-gradient(top, #0095f2, #03599d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0095f2), to(#03599d));
  background-image: -webkit-linear-gradient(top, #0095f2, #03599d);
  background-image: -o-linear-gradient(top, #0095f2, #03599d);
  background-image: linear-gradient(top, #0095f2, #03599d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095f2', endColorstr='#03599d', GradientType=0);
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  color: white;
}
.btn-theme:hover {
  background-color: #0188d6;
  background-image: -moz-linear-gradient(top, #00a0f4, #0365a9);
  background-image: -ms-linear-gradient(top, #00a0f4, #0365a9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00a0f4), to(#0365a9));
  background-image: -webkit-linear-gradient(top, #00a0f4, #0365a9);
  background-image: -o-linear-gradient(top, #00a0f4, #0365a9);
  background-image: linear-gradient(top, #00a0f4, #0365a9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a0f4', endColorstr='#0365a9', GradientType=0);
  color: white;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-subtheme {
  filter: none;
  background: gainsboro;
  /* #gradient > .vertical(#e3e3e3, #c6c6c6); */

  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  color: white;
}
.btn-subtheme:hover {
  color: white !important;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  background: #3d3d3d;
}
.btn-theme1 {
  filter: none;
  /* #gradient > .vertical(#035b9f, #004276); */
  background: #035b9f;
  color: white;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  filter: none;
  color: white;
  border: solid 1px #053553;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-theme1:hover {
  /* #gradient > .vertical(#0472b6, #0472b6); */

  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border: solid 1px #053553;
  background: #004276;
}
[class^="btn"],
[class^="btn"]:hover {
  filter: none;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c 9;
}
.btn-inverse {
  background-color: #393939;
  background-image: -moz-linear-gradient(top, #454545, #262626);
  background-image: -ms-linear-gradient(top, #454545, #262626);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
  background-image: -webkit-linear-gradient(top, #454545, #262626);
  background-image: -o-linear-gradient(top, #454545, #262626);
  background-image: linear-gradient(top, #454545, #262626);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
  border-color: #262626 #262626 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #262626;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #0c0c0c 9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.large,
input[type="submit"].btn.large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.small,
input[type="submit"].btn.small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
.button-right-open {
  margin-top: -55px;
  position: absolute;
  right: 194px;
  z-index: 100000;
}
.buttonRisk-right-open {
  margin-top: -50px;
  position: absolute;
  right: 150px;
  z-index: 100000;
}
.btn-img {
  padding: 4px 8px;
}
.btn-img .icon-white {
  height: 10px;
}
.btn-black {
  background-color: #0f0f0f;
  background-image: -moz-linear-gradient(top, #191919, #010101);
  background-image: -ms-linear-gradient(top, #191919, #010101);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#191919), to(#010101));
  background-image: -webkit-linear-gradient(top, #191919, #010101);
  background-image: -o-linear-gradient(top, #191919, #010101);
  background-image: linear-gradient(top, #191919, #010101);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#191919', endColorstr='#010101', GradientType=0);
}
.btn-black:hover {
  background-color: #c50311;
  background-image: -moz-linear-gradient(top, #da0515, #a5000c);
  background-image: -ms-linear-gradient(top, #da0515, #a5000c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da0515), to(#a5000c));
  background-image: -webkit-linear-gradient(top, #da0515, #a5000c);
  background-image: -o-linear-gradient(top, #da0515, #a5000c);
  background-image: linear-gradient(top, #da0515, #a5000c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da0515', endColorstr='#a5000c', GradientType=0);
  color: white;
}
.btn-medium {
  font-size: 16px;
  text-transform: uppercase;
  color: white;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 10px;
}
.btn-small {
  font-size: 11px;
  text-transform: normal;
  font-weight: bold;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  padding: 3px 10px 3px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.btn-gray {
  background-color: #fcfcfc;
  background-image: -moz-linear-gradient(top, white, #f8f8f8);
  background-image: -ms-linear-gradient(top, white, #f8f8f8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, white, #f8f8f8);
  background-image: -o-linear-gradient(top, white, #f8f8f8);
  background-image: linear-gradient(top, white, #f8f8f8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f8f8f8', GradientType=0);
  color: #5c5c5c;
  border: solid 1px #d5d5d5;
}
.btn-green {
  background-color: #9ab71a;
  background-image: -moz-linear-gradient(top, #b4cd2b, #749500);
  background-image: -ms-linear-gradient(top, #b4cd2b, #749500);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4cd2b), to(#749500));
  background-image: -webkit-linear-gradient(top, #b4cd2b, #749500);
  background-image: -o-linear-gradient(top, #b4cd2b, #749500);
  background-image: linear-gradient(top, #b4cd2b, #749500);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4cd2b', endColorstr='#749500', GradientType=0);
  color: white;
}
.btn-green:hover {
  background-color: #9ab71a;
}
.btn-darkgray {
  background-color: #4d4d4d;
  background-image: -moz-linear-gradient(top, #676767, #252525);
  background-image: -ms-linear-gradient(top, #676767, #252525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#676767), to(#252525));
  background-image: -webkit-linear-gradient(top, #676767, #252525);
  background-image: -o-linear-gradient(top, #676767, #252525);
  background-image: linear-gradient(top, #676767, #252525);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#252525', GradientType=0);
  color: white;
  border: solid 0px #252525;
}
.btn-red {
  background-color: #cb030d;
  background-image: -moz-linear-gradient(top, #da0515, #b50000);
  background-image: -ms-linear-gradient(top, #da0515, #b50000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da0515), to(#b50000));
  background-image: -webkit-linear-gradient(top, #da0515, #b50000);
  background-image: -o-linear-gradient(top, #da0515, #b50000);
  background-image: linear-gradient(top, #da0515, #b50000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da0515', endColorstr='#b50000', GradientType=0);
  color: white;
  border: solid 0px #252525;
}
[class^="btn-small-"].normal {
  text-transform: none;
  font-weight: bold;
}
[class^="btn-small-"].normal [class^="icons-"] {
  margin-left: 2px;
}
.btn-small [class^="effect-"] {
  display: inline-block;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.btn-small [class^="effect-"] [class^="icon-"] {
  margin: 0px 0 0 1px;
}
.btn-small.right-gray,
.btn-small.right-red {
  padding: 3px 23px 3px 10px;
}
.btn-small.right-gray [class^="effect-"],
.btn-small.right-red [class^="effect-"] {
  height: 12px;
  width: 7px;
}
.effect-red {
  background: #b7000e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff071a 0%, #b7000e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff071a), color-stop(100%, #b7000e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff071a 0%, #b7000e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff071a 0%, #b7000e 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff071a 0%, #b7000e 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff071a 0%, #b7000e 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff071a', endColorstr='#b7000e', GradientType=0);
  /* IE6-9 */

}
.effect-gray {
  background: #292929;
  /* Old browsers */
  background: -moz-linear-gradient(top, #636363 0%, #292929 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #636363), color-stop(100%, #292929));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #636363 0%, #292929 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #636363 0%, #292929 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #636363 0%, #292929 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #636363 0%, #292929 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#636363', endColorstr='#292929', GradientType=0);
  /* IE6-9 */

}
.banner-gray {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, white, #dedede);
  background-image: -ms-linear-gradient(top, white, #dedede);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#dedede));
  background-image: -webkit-linear-gradient(top, white, #dedede);
  background-image: -o-linear-gradient(top, white, #dedede);
  background-image: linear-gradient(top, white, #dedede);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#dedede', GradientType=0);
  font-size: 30px;
  display: block;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #282828;
}
.banner-gray *:hover {
  cursor: pointer;
}
.banner-gray:hover {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, white, #f0f0f0);
  background-image: -ms-linear-gradient(top, white, #f0f0f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f0f0f0));
  background-image: -webkit-linear-gradient(top, white, #f0f0f0);
  background-image: -o-linear-gradient(top, white, #f0f0f0);
  background-image: linear-gradient(top, white, #f0f0f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#f0f0f0', GradientType=0);
  border: solid 1px #dbdbdb;
}
.banner-medium {
  padding: 12px;
  border: solid 1px #dedede;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  line-height: 30px;
}
.banner-medium .icon-custom-message {
  vertical-align: middle;
}
.ie9 .banner-medium {
  border-radius: 0px;
}
.btn-medium .icon-whitearrow-big {
  margin: 2px -5px -2px 3px;
}
/*
.btn-style-blue{ #gradient > .vertical(#2e5fae, #29559c); .hover-fade11; }
.btn-style-orange{  #gradient > .vertical(#dd582f, #c74f2a); .hover-fade11; }
.btn-style-green{  #gradient > .vertical(#00ce9b, #00b98b); .hover-fade11; }
.btn-style-purple{  #gradient > .vertical(#5737b2, #4e31a0); .hover-fade11; }
.btn-style-green1{  #gradient > .vertical(#00c3d2, #00afbd); .hover-fade11; }
.btn-style-maroon{  #gradient > .vertical(#9f449b, #8f3d8b);  .hover-fade11; } */
.btn-style-blue {
  background-color: #2e5fae;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-orange {
  background-color: #dd582f;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-green {
  background-color: #00ce9b;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-purple {
  background-color: #5737b2;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-green1 {
  background-color: #00c3d2;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-maroon {
  background-color: #9f449b;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.btn-style-blue {
  background-color: #2c5ba7;
  background-image: -moz-linear-gradient(top, #2e5fae, #29559c);
  background-image: -ms-linear-gradient(top, #2e5fae, #29559c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e5fae), to(#29559c));
  background-image: -webkit-linear-gradient(top, #2e5fae, #29559c);
  background-image: -o-linear-gradient(top, #2e5fae, #29559c);
  background-image: linear-gradient(top, #2e5fae, #29559c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e5fae', endColorstr='#29559c', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-style-orange {
  background-color: #d4542d;
  background-image: -moz-linear-gradient(top, #dd582f, #c74f2a);
  background-image: -ms-linear-gradient(top, #dd582f, #c74f2a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd582f), to(#c74f2a));
  background-image: -webkit-linear-gradient(top, #dd582f, #c74f2a);
  background-image: -o-linear-gradient(top, #dd582f, #c74f2a);
  background-image: linear-gradient(top, #dd582f, #c74f2a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd582f', endColorstr='#c74f2a', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-style-green {
  background-color: #00c695;
  background-image: -moz-linear-gradient(top, #00ce9b, #00b98b);
  background-image: -ms-linear-gradient(top, #00ce9b, #00b98b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00ce9b), to(#00b98b));
  background-image: -webkit-linear-gradient(top, #00ce9b, #00b98b);
  background-image: -o-linear-gradient(top, #00ce9b, #00b98b);
  background-image: linear-gradient(top, #00ce9b, #00b98b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ce9b', endColorstr='#00b98b', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-style-purple {
  background-color: #5335ab;
  background-image: -moz-linear-gradient(top, #5737b2, #4e31a0);
  background-image: -ms-linear-gradient(top, #5737b2, #4e31a0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5737b2), to(#4e31a0));
  background-image: -webkit-linear-gradient(top, #5737b2, #4e31a0);
  background-image: -o-linear-gradient(top, #5737b2, #4e31a0);
  background-image: linear-gradient(top, #5737b2, #4e31a0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5737b2', endColorstr='#4e31a0', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-style-green1 {
  background-color: #00bbca;
  background-image: -moz-linear-gradient(top, #00c3d2, #00afbd);
  background-image: -ms-linear-gradient(top, #00c3d2, #00afbd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c3d2), to(#00afbd));
  background-image: -webkit-linear-gradient(top, #00c3d2, #00afbd);
  background-image: -o-linear-gradient(top, #00c3d2, #00afbd);
  background-image: linear-gradient(top, #00c3d2, #00afbd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d2', endColorstr='#00afbd', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-style-maroon {
  background-color: #994195;
  background-image: -moz-linear-gradient(top, #9f449b, #8f3d8b);
  background-image: -ms-linear-gradient(top, #9f449b, #8f3d8b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9f449b), to(#8f3d8b));
  background-image: -webkit-linear-gradient(top, #9f449b, #8f3d8b);
  background-image: -o-linear-gradient(top, #9f449b, #8f3d8b);
  background-image: linear-gradient(top, #9f449b, #8f3d8b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9f449b', endColorstr='#8f3d8b', GradientType=0);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.buttongroups {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Titillium Web', Georgia, Arial;
  margin: 0 auto;
  width: 660px;
}
.buttongroups .button2 {
  width: 285px;
  height: 117px;
  padding: 15px;
  display: inline-block;
  margin: 8px 0 0 8px;
  vertical-align: middle;
  position: relative;
}
.buttongroups .button2 .tagline {
  width: 222px;
  display: inline-block;
  line-height: 20px;
  color: white;
}
.buttongroups .button2 .tagline label {
  font-size: 24px;
  color: white;
}
.buttongroups .button2 [class^="icon-custom-"] {
  float: right;
}
.buttongroups .button1 {
  width: 121px;
  height: 117px;
  padding: 15px;
  display: inline-block;
  margin: 8px 0 0 8px;
  vertical-align: middle;
  position: relative;
}
.buttongroups .button1 .tagline {
  width: 222px;
  display: inline-block;
  color: white;
}
.buttongroups .button1 .tagline label {
  font-size: 24px;
  color: white;
}
.buttongroups .button1 [class^="icon-custom-"] {
  float: right;
}
.buttongroups .title {
  font-size: 18px;
  display: block;
  color: white;
  position: absolute;
  bottom: 10px;
}
.buttongroups1 {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Titillium Web', Georgia, Arial;
  margin: 0 auto;
  width: 660px;
}
.buttongroups1 .button2 {
  width: 285px;
  height: 117px;
  padding: 15px;
  display: inline-block;
  margin: 8px 0 0 8px;
  vertical-align: middle;
  position: relative;
}
.buttongroups1 .button2 .tagline {
  width: 270px;
  display: inline-block;
  line-height: 20px;
  color: white;
}
.buttongroups1 .button2 .tagline label {
  font-size: 24px;
  color: white;
}
.buttongroups1 .button2 [class^="icon-custom-"] {
  float: right;
}
.buttongroups1 .button1 {
  width: 121px;
  height: 117px;
  padding: 15px;
  display: inline-block;
  margin: 8px 0 0 8px;
  vertical-align: middle;
  position: relative;
}
.buttongroups1 .button1 .tagline {
  width: 222px;
  display: inline-block;
  color: white;
}
.buttongroups1 .button1 .tagline label {
  font-size: 24px;
  color: white;
}
.buttongroups1 .button1 [class^="icon-custom-"] {
  float: right;
}
.buttongroups1 .title {
  font-size: 18px;
  display: block;
  color: white;
  position: absolute;
  bottom: 10px;
}
.btn-requestcallback {
  height: 100px;
  overflow: hidden;
  display: block;
  padding-top: 0px;
  position: relative;
}
.btn-requestcallback .icon-large-call {
  margin-right: 10px;
  float: left;
  z-index: 10;
  position: relative;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-requestcallback .icon-large-call-black {
  opacity: 0;
  filter: alpha(opacity=0);
  top: 12px;
  left: 20px;
  position: absolute;
  z-index: 1;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-requestcallback .title {
  float: left;
  font-size: 28px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  width: 140px;
  line-height: 28px;
  color: black;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.btn-requestcallback .title label {
  color: #747474;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial, sans-serif;
  font-size: 12px;
  display: block;
  line-height: 12px;
  text-transform: none;
}
.btn-requestcallback * {
  cursor: pointer;
}
.synotive-sidebar .btn-requestcallback {
  margin: 10px 0 0px -20px;
  border-top: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
  padding: 12px 0px 10px 20px;
}
.btn-large1 {
  padding: 9px 18px;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.btn-large1 [class^="icon-"] {
  margin-top: 1px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
}
.btn-group:before,
.btn-group:after {
  display: table;
  content: "";
}
.btn-group:after {
  clear: both;
}
.btn-group:first-child {
  *margin-left: 0;
}
.btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar {
  margin-top: 9px;
  margin-bottom: 9px;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  background-color: white;
  background-image: -moz-linear-gradient(top, white, white);
  background-image: -ms-linear-gradient(top, white, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
  background-image: -webkit-linear-gradient(top, white, white);
  background-image: -o-linear-gradient(top, white, white);
  background-image: linear-gradient(top, white, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group .btn:last-child,
.btn-group .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.btn-group .btn.large:last-child,
.btn-group .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 2;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  *padding-top: 5px;
  *padding-bottom: 5px;
}
.btn-group.open {
  *z-index: 100000;
}
.btn-group.open .dropdown-menu {
  display: block;
  margin-top: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn .caret {
  margin-top: 7px;
  margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-primary .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: white;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.btn-small .caret {
  margin-top: 4px;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert-heading {
  color: #c09853;
}
.alert .close {
  position: relative;
  top: -4px;
  right: -25px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success,
.alert-success .alert-heading {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger,
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info,
.alert-info .alert-heading {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.alert ul {
  margin: 0 0 0px 25px;
  *float: left;
}
.toggle {
  display: inline-block;
  background-color: #5bb75b;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #555555;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  width: 140px;
  position: relative;
  bottom: -2px;
  height: 25px;
}
.toggle:before {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.disabled {
  background-color: whitesmoke;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.toggle.disabled:after {
  color: #555555;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.toggle.danger,
.toggle.disabled-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
}
.toggle.disabled.disabled-danger:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.warning,
.toggle.disabled-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
}
.toggle.disabled.disabled-warning:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.success,
.toggle.disabled-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.toggle.disabled.disabled-success:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.primary,
.toggle.disabled-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0055cc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.toggle.disabled.disabled-primary:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.info,
.toggle.disabled-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.toggle.disabled.disabled-info:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle.inverse,
.toggle.disabled-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.toggle.inverse:before,
.toggle.disabled.disabled-inverse:after {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.toggle:before,
.toggle:after {
  padding-left: 12px;
  line-height: 25px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: .4px;
}
.toggle:before {
  content: "ON";
  content: attr(data-enabled);
  padding-left: 9px;
}
.toggle.disabled:before {
  content: "";
  padding-left: 60px;
}
.toggle.disabled:after {
  content: "OFF";
  content: attr(data-disabled);
}
.toggle .check {
  display: block;
  width: 65px;
  height: 25px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: whitesmoke;
  background-image: -ms-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(top, white, #e6e6e6);
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  border: 1px solid #cccccc;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -1px;
  left: -1px;
}
.toggle .check:hover {
  cursor: pointer;
}
.toggle input[type=checkbox] {
  display: none;
}
.toggle input[type=checkbox]:checked + label.check {
  top: -1px;
  left: 74px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) -1px 0 2px;
}
.toggle input[type=checkbox] + label.check {
  top: -1px;
  left: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 1px 0 2px;
}
.nav {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover {
  text-decoration: none;
}
.navbar .nav > li > a .icon-white {
  padding: 0px;
}
.nav .nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 18px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.nav li + .nav-header {
  margin-top: 9px;
}
.nav-list {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list > li > a {
  padding: 3px 15px;
}
.nav-list .active > a,
.nav-list .active > a:hover {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  background-color: #c30208;
}
.nav-list [class^="icon-"] {
  margin-right: 2px;
}
.nav-tabs,
.nav-pills {
  *zoom: 1;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.tabs-left .nav-tabs {
  width: 100%;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  color: white;
  font-size: 13px;
  padding-left: 12px;
  margin-right: 2px;
  font-weight: normal;
  line-height: 14px;
}
.tabs-left .nav-tabs > li > a {
  color: black;
}
.nav-tabs {
  border: 0px solid #3f8ede;
  margin-bottom: 0px;
  padding: 3px 5px 0px 5px;
  background-color: #0a6cd3;
  background-image: -moz-linear-gradient(top, #107ef1, #0052a6);
  background-image: -ms-linear-gradient(top, #107ef1, #0052a6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef1), to(#0052a6));
  background-image: -webkit-linear-gradient(top, #107ef1, #0052a6);
  background-image: -o-linear-gradient(top, #107ef1, #0052a6);
  background-image: linear-gradient(top, #107ef1, #0052a6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef1', endColorstr='#0052a6', GradientType=0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: -1px;
}
.nav-tabs.border {
  border: solid 1px #3f8ede;
}
.tabs-left .nav-tabs > li {
  margin-bottom: 1px;
}
.nav-tabs > li > a {
  padding-top: 0px;
  padding-top: 0px\9;
  padding-bottom: 13px;
  border: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.box-header-top .nav-tabs > li > a {
  padding-top: 9px;
  padding-bottom: 12px;
}
.box-header-top .pull-left.icontopleft {
  margin-right: 5px;
  margin-right: 0px \09;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: black;
  background-color: white;
  border: 0px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs-left .nav-tabs > .active > a,
.tabs-left .nav-tabs > .active > a:hover {
  background-color: white;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills .active > a,
.nav-pills .active > a:hover {
  color: white;
  background-color: #c30208;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #dddddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs.nav-stacked > li > a:hover {
  border-color: #dddddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu,
.nav-pills .dropdown-menu {
  margin-top: 1px;
  border-width: 1px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
  border-top-color: #c30208;
  margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
  border-top-color: #770105;
}
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
  border-top-color: #3e3e3e;
}
.nav > .dropdown.active > a:hover {
  color: black;
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > .open.active > a:hover {
  color: white;
  background-color: #999999;
  border-color: #999999;
}
.nav .open .caret,
.nav .open.active .caret,
.nav .open a:hover .caret {
  border-top-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}
.tabbable:after {
  clear: both;
}
.tabbable .tabbable:before,
.tabbable .tabbable:after {
  display: inline;
}
.tab-content {
  overflow-y: visible;
  border-style: solid;
  border-color: gainsboro;
  border-width: 0px 1px 1px 1px;
  background: none;
  padding: 10px;
}
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below .nav-tabs {
  border-top: 1px solid #dddddd;
}
.tabs-below .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below .nav-tabs > li > a:hover {
  border-bottom-color: transparent;
  border-top-color: #dddddd;
}
.tabs-below .nav-tabs .active > a,
.tabs-below .nav-tabs .active > a:hover {
  border-color: transparent #dddddd #dddddd #dddddd;
}
.tabs-left {
  background: white;
}
.gray-grid .tabs-left {
  background: none;
}
.gray-grid .nav-tabs li a:hover,
.gray-grid .nav-tabs li.active a {
  background: whitesmoke;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
  float: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 0px;
}
.tabs-left .tab-content {
  padding: 0px;
}
.tabs-left div[class^="span"] {
  margin-left: 0px;
}
.tabs-left .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 0px solid #dddddd;
  background: white;
  filter: none;
  padding: 0px;
}
.tabs-left .tab-content {
  border: 0px;
}
.tabs-left .nav-tabs > li > a {
  color: white;
  background-color: #0a6cd3;
  background-image: -moz-linear-gradient(top, #107ef1, #0052a5);
  background-image: -ms-linear-gradient(top, #107ef1, #0052a5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#107ef1), to(#0052a5));
  background-image: -webkit-linear-gradient(top, #107ef1, #0052a5);
  background-image: -o-linear-gradient(top, #107ef1, #0052a5);
  background-image: linear-gradient(top, #107ef1, #0052a5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#107ef1', endColorstr='#0052a5', GradientType=0);
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  position: relative;
  font-size: 12px;
  padding-bottom: 8px;
  padding-top: 7px;
}
.tabs-left .nav-tabs > li > a:hover {
  background-color: #00458c;
  background-image: -moz-linear-gradient(top, #0053a7, #003163);
  background-image: -ms-linear-gradient(top, #0053a7, #003163);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0053a7), to(#003163));
  background-image: -webkit-linear-gradient(top, #0053a7, #003163);
  background-image: -o-linear-gradient(top, #0053a7, #003163);
  background-image: linear-gradient(top, #0053a7, #003163);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0053a7', endColorstr='#003163', GradientType=0);
  border: none;
  color: white;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover {
  border-color: none;
  *border-right-color: white;
}
.tabs-right .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #dddddd;
}
.tabs-right .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li > a:hover {
  color: black;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active > a:hover {
  border-color: #dddddd #dddddd #dddddd transparent;
  *border-left-color: white;
}
.topmenu li a em {
  position: absolute;
  margin-left: 11px;
  color: #3d89d5;
}
.topmenu li:first-child a {
  *padding: 6px 7px 6px 11px !important;
}
.topmenu li a:hover em,
.topmenu li.active em {
  margin-left: 9px;
}
* + html .topmenu li a em {
  margin-top: -2px;
}
.dropmenu li a em {
  position: absolute;
  right: 1px;
  color: #3d89d5;
  font-size: 12px;
  top: 5px;
}
.dropmenu li a:hover em {
  right: 1px;
  right: 1px\9;
}
* + html .dropmenu .dropdown-menu {
  min-width: 70px;
}
.navbar .nav.dropmenu  li  a.listicon:hover {
  border: solid 1px #3b8ad9 !important;
  margin: 0px 2px 0 1px;
}
.result-speaker-heading .main-heading {
  border-bottom: none;
  margin: 0;
}
.result-speaker-heading label {
  display: block;
  font-weight: bold;
  margin-bottom: 0px;
}
.result-speaker-heading p {
  padding-top: 0px;
  border-bottom: solid 1px #fe0b2f;
  display: none;
  padding-bottom: 7px;
}
.active .main-heading {
  color: #fe0b2f;
}
.active p {
  display: block;
}
.result-speaker-box {
  background-color: #e1e1e1;
  padding: 5px 5px 0 5px;
  *padding: 5px;
  margin-top: 15px;
  min-height: 50px;
  overflow: auto;
}
.result-speakerlist {
  margin: 0;
  min-height: 50px;
  overflow: auto;
  margin-left: -5px;
  list-style-type: none;
}
.result-speakerlist li {
  background-color: white;
  border-bottom: 1px solid #cecece;
  float: left;
  height: 210px;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 20px;
  width: 317px;
  margin-left: 5px;
}
.result-speakerlist li .result-speaker-image {
  float: left;
  height: 110px;
  margin-right: 10px;
  overflow: hidden;
  text-align: center;
  width: 140px;
}
.result-speakerlist li .result-speaker-name {
  font-size: 17px;
  font-weight: normal;
  line-height: 16px;
  text-transform: uppercase;
  font-family: "Conv_PTN77F", arial;
  color: #da1e29;
  padding-bottom: 11px;
}
.result-speakerlist li .result-speaker-name a {
  color: #da1e29;
}
.result-speakerlist li .result-speaker-bio {
  color: #252525;
  float: left;
  height: 63px;
  margin-bottom: 6px;
  overflow: hidden;
  width: 167px;
}
.result-speakerlist li .result-speaker-price {
  color: #252525;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  line-height: 23px;
  overflow: hidden;
  width: 167px;
}
.result-speakerlist li .result-speaker-categories {
  float: left;
  height: 50px;
  line-height: 16px;
  margin-bottom: 12px;
  margin-top: 15px;
  overflow: hidden;
  width: 100%;
  color: #999999;
}
.result-speakerlist li .result-speaker-categories a {
  color: #999999;
  text-decoration: underline;
}
.result-speakerlist li .result-speaker-categories a:hover {
  color: #da1e29;
}
.result-speakerlist li .result-speaker-actions {
  border-top: 1px solid #cecece;
  float: left;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px 3px;
  text-align: right;
  width: 317px;
}
.result-speakerlist li .result-speaker-actions a {
  font-size: 10px;
  font-weight: bold;
  margin: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
  color: #252525;
}
.result-speakerlist li .result-speaker-actions a [class^="icon-"] {
  vertical-align: middle;
}
.result-speakerlist li .result-speaker-actions a:hover {
  color: #da1e29;
}
.result-speakerlist li .result-speaker-actions a:hover .icon-sign-add {
  background-position: -256px -142px;
}
.crumb-box {
  margin-top: 10px;
}
.crumb-box label.pull-left {
  display: inline-block;
  padding: 5px 0 0 15px ;
  color: #616161;
}
.crumb-box label.pull-left a {
  color: #fe0b2f;
}
.crumb-box .crumb-list {
  float: left;
  list-style-type: none;
  margin: 0 0px 0 5px;
}
.crumb-box .crumb-list li {
  float: left;
  color: #2c2b2b;
  font-size: 12px;
  font-weight: bold;
}
.crumb-box .crumb-list li a {
  display: inline-block;
  padding: 4px 5px 4px ;
  color: #2c2b2b;
}
.crumb-box .crumb-list li:hover a {
  background-color: #c40622;
  background-image: -moz-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -ms-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0219), to(#fe0b2f));
  background-image: -webkit-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -o-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: linear-gradient(top, #9e0219, #fe0b2f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0219', endColorstr='#fe0b2f', GradientType=0);
  color: white;
}
.crumb-box .crumb-list .active a {
  background-color: #c40622;
  background-image: -moz-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -ms-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9e0219), to(#fe0b2f));
  background-image: -webkit-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: -o-linear-gradient(top, #9e0219, #fe0b2f);
  background-image: linear-gradient(top, #9e0219, #fe0b2f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0219', endColorstr='#fe0b2f', GradientType=0);
  color: white;
}
.crumb-box .crumb-list + label.pull-left {
  padding: 5px 0 0 1px ;
}
/*

.home-banner-1, .home-banner 
{
	.banner-content .banner-content-left .title{  -webkit-animation: moveFromleft 500ms ease; -moz-animation: moveFromleft 500ms ease; -ms-animation: moveFromleft 500ms ease;  }
	.banner-content .banner-content-left p {  -webkit-animation: moveFromleft 750ms ease; -moz-animation: moveFromleft 750ms ease; -ms-animation: moveFromleft 750ms ease;  }
	.banner-content .banner-content-right img{  -webkit-animation: moveFromleft 500ms ease; -moz-animation: moveFromleft 500ms ease; -ms-animation: moveFromleft 500ms ease;  }

} */
#axis:hover .move-right {
  transform: translate(350px, 0);
  -webkit-transform: translate(350px, 0);
  -o-transform: translate(350px, 0);
  -moz-transform: translate(350px, 0);
}
.box-accordian {
  width: 1020px;
  overflow: hidden;
}
.box-accordian .navsbar {
  height: 58px;
  margin: -1px -1px 0px 0px;
  border-bottom: solid 1px #cccccc;
  /*
		li.active:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    width: 1px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#cccccc));
    background-image: -webkit-linear-gradient(#f8f8f8, #cccccc);
    background-image: -moz-linear-gradient(#f8f8f8, #cccccc);
    background-image: -o-linear-gradient(#f8f8f8, #cccccc);
    background-image: linear-gradient(#f8f8f8, #cccccc);
}
 
		li.active:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    width: 1px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#cccccc));
    background-image: -webkit-linear-gradient(#f8f8f8, #cccccc);
    background-image: -moz-linear-gradient(#f8f8f8, #cccccc);
    background-image: -o-linear-gradient(#f8f8f8, #cccccc);
    background-image: linear-gradient(#f8f8f8, #cccccc);
}

*/

}
.box-accordian .navsbar li {
  display: inline-block;
  height: 15px;
  float: left;
  position: relative;
  width: 190px;
  padding: 20px 5px;
  text-align: center;
  border-color: transparent !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
  z-index: 100000;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li:first-child {
  border-left: none;
  background: none;
}
.box-accordian .navsbar li .iconbox {
  overflow: hidden;
  padding: 8px 8px 0px;
  font-size: 18px;
}
.box-accordian .navsbar li a {
  padding-top: 10px;
  position: relative;
  z-index: 10000;
}
.box-accordian .navsbar li.cell-software {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.cell-website {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.cell-seo {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.cell-backoffice {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.cell-media {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.cell-sms {
  width: 190px;
  border: solid 1px #fcfcfc;
  border-width: 0px 1px;
}
.box-accordian .navsbar .cell-software:hover .iconbox,
.box-accordian .navsbar .cell-software.active .iconbox {
  background-color: #0f98df;
  background-image: -moz-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -ms-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#19b0fe), to(#0175b0));
  background-image: -webkit-linear-gradient(top, #19b0fe, #0175b0);
  background-image: -o-linear-gradient(top, #19b0fe, #0175b0);
  background-image: linear-gradient(top, #19b0fe, #0175b0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19b0fe', endColorstr='#0175b0', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #016091;
  padding: 8px 8px 5px;
}
.box-accordian .navsbar .cell-website:hover .iconbox,
.box-accordian .navsbar .cell-website.active .iconbox {
  background-color: #eb902e;
  background-image: -moz-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -ms-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa94d), to(#cc6a00));
  background-image: -webkit-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: -o-linear-gradient(top, #ffa94d, #cc6a00);
  background-image: linear-gradient(top, #ffa94d, #cc6a00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#cc6a00', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #cc6a00;
  padding: 8px 8px 5px;
}
.box-accordian .navsbar .cell-seo:hover .iconbox,
.box-accordian .navsbar .cell-seo.active .iconbox {
  background-color: #7bba00;
  background-image: -moz-linear-gradient(top, #8bd200, #629500);
  background-image: -ms-linear-gradient(top, #8bd200, #629500);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8bd200), to(#629500));
  background-image: -webkit-linear-gradient(top, #8bd200, #629500);
  background-image: -o-linear-gradient(top, #8bd200, #629500);
  background-image: linear-gradient(top, #8bd200, #629500);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bd200', endColorstr='#629500', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #629500;
  padding: 8px 8px 5px;
}
.box-accordian .navsbar .cell-backoffice:hover .iconbox,
.box-accordian .navsbar .cell-backoffice.active .iconbox {
  background-color: #ebb12e;
  background-image: -moz-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -ms-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc84d), to(#cc8e00));
  background-image: -webkit-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: -o-linear-gradient(top, #ffc84d, #cc8e00);
  background-image: linear-gradient(top, #ffc84d, #cc8e00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc84d', endColorstr='#cc8e00', GradientType=0);
  width: 32px;
  height: 32px;
  border: solid 1px #cc8e00;
  padding: 8px 8px 5px;
}
.box-accordian .navsbar li:hover,
.box-accordian .navsbar li.active {
  background: #fbfbfb url(../../images/acco-tab-bg-image.png) 0px bottom repeat-x;
  /* [class^="icon-"]{  -webkit-animation: moveFromBottom 450ms ease; -moz-animation: moveFromBottom 450ms ease; -ms-animation: moveFromBottom 450ms ease; }  */

}
.box-accordian .navsbar li:hover .icon-software,
.box-accordian .navsbar li.active .icon-software {
  background-position: -423px -143px;
}
.box-accordian .navsbar li:hover .icon-web,
.box-accordian .navsbar li.active .icon-web {
  background-position: -486px -143px;
}
.box-accordian .navsbar li:hover .icon-internetmarketing,
.box-accordian .navsbar li.active .icon-internetmarketing {
  background-position: -393px -143px;
}
.box-accordian .navsbar li:hover .icon-backoffice,
.box-accordian .navsbar li.active .icon-backoffice {
  background-position: -453px -142px;
}
.box-accordian .navsbar li:hover .iconbox,
.box-accordian .navsbar li.active .iconbox {
  overflow: hidden;
  padding: 8px 8px 0px !important;
  height: 29px;
}
.box-accordian .navsbar li.active {
  border: solid 1px gainsboro;
  border-width: 0px 1px;
}
.box-accordian .navsbar li.active .fontlarge {
  color: #d55314;
}
.box-accordian .navsbar li.active:before {
  height: 1px;
  width: 100%;
  position: absolute;
  content: " ";
  bottom: -1px;
  left: 0px;
  background: white;
}
.box-accordian .navsbar li.cell-software.active {
  border-left: solid 1px #fcfcfc;
  border-color: #0182c4 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-software.active .fontlarge {
  color: #0182c4;
}
.box-accordian .navsbar li.cell-website.active {
  border-color: #d55314 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-website.active .fontlarge {
  color: #d55314;
}
.box-accordian .navsbar li.cell-seo.active {
  border-color: #84c800 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-seo.active .fontlarge {
  color: #84c800;
}
.box-accordian .navsbar li.cell-backoffice.active {
  border-color: #a87c33 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-backoffice.active .fontlarge {
  color: #a87c33;
}
.box-accordian .navsbar li.cell-media.active {
  border-right: solid 1px #fcfcfc;
  border-color: #753684 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-media.active .fontlarge {
  color: #753684;
}
.box-accordian .navsbar li.cell-sms.active {
  border-right: solid 1px #fcfcfc;
  border-color: #ad3133 !important;
  border-width: 3px 1px 0px 1px !important;
  border-style: solid !important;
}
.box-accordian .navsbar li.cell-sms.active .fontlarge {
  color: #ad3133;
}

.box-accordian .navsbar .iconsbox {
  width: 39px;
  float: left;
  height: 60px;
  padding: 15px 0 0 10px;
  position: relative;
}
.box-accordian .navsbar .iconsbox .iconbox {
  padding: 8px 8px 0px;
  height: 29px;
}
.box-accordian .navsbar .title {
  font-weight: normal;
  font-size: 16px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  line-height: 15px;
  padding-top: 12px;
  color: #383838;
  padding-top: 0px;
  display: block;
}
.box-accordian .navsbar .title .fontlarge {
  font-size: 17px;
  text-transform: capitalize;
  font-weight: bold;
  line-height: 17px;
  display: block;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  margin-bottom: 5px;
  color: black;
}
.box-accordian .navsbar .title .desc {
  display: block;
  font-size: 13px;
}
.box-accordian .navsbar samp {
  width: 25px;
  height: 15px;
  font-size: 0px;
  line-height: 0px;
  bottom: -14px;
  position: absolute;
  left: 42%;
  display: none;
}
.box-accordian .navsbar .green {
  background-color: #b2d111;
  width: 25%;
}
.box-accordian .navsbar .green samp {
  border-top: 15px solid #b2d111;
}
.box-accordian .navsbar .orange {
  background-color: #f78f1e;
  width: 25%;
}
.box-accordian .navsbar .orange samp {
  border-top: 15px solid #f78f1e;
}
.box-accordian .navsbar .gray {
  background-color: #717171;
  width: 25%;
}
.box-accordian .navsbar .green:hover {
  background-color: #aecc11;
}
.box-accordian .navsbar .orange:hover {
  background-color: #f78d19;
}
.box-accordian .navsbar .gray:hover {
  background-color: #6e6e6e;
}
.box-accordian .navsbar:hover {
  cursor: pointer;
}
.box-accordian .navsbar .active samp {
  display: none;
}
.box-accordian .navsbar .accordian-cell:hover samp {
  display: inline-block;
}
.box-accordian .accordian-content {
  padding: 45px 15px 15px 15px;
  clear: both;
  overflow: hidden;
  position: relative;
  min-height: 260px;
  /* .rotatechart img
			{
				-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; 
					transform:rotate(50deg);
			-ms-transform:rotate(50deg); 
			-webkit-transform:rotate(50deg); 
			}
		.current .rotatechart img{ 
	
				
					transform:rotate(0deg);
			-ms-transform:rotate(0deg); 
			-webkit-transform:rotate(0deg); 
			

			} */

}
.box-accordian .accordian-content .heading1 {
  margin-bottom: 5px;
  line-height: 30px;
  font-weight: bold;
  font-size: 29px;
}
.box-accordian .accordian-content [class^="accordianbox"] {
  padding-top: 25px;
  min-height: 290px !important;
}
.box-accordian .accordian-content .title5 {
  font-weight: normal;
}
.box-accordian .accordian-content .servicelist {
  margin: 0 0 0 14px;
}
.box-accordian .accordian-content .servicelist li {
  min-height: 35px;
  list-style: none;
  background: none;
  padding: 0 0 5px 0;
}
.box-accordian .accordian-content .servicelist li a {
  color: black;
}
.box-accordian .accordian-content .servicelist li .iconbox {
  height: 30px !important;
  margin: 1px 10px 0px 0px;
}
.box-accordian .accordian-content .iconbox-orange {
  overflow: hidden;
}
.box-accordian .accordian-content .iconbox-orange {
  overflow: hidden;
}
.box-accordian .accordian-content .activetab .servicelist li .iconbox-orange [class^="icon-"] {
  -webkit-animation: moveFromTop 500ms ease;
  -moz-animation: moveFromTop 500ms ease;
  -ms-animation: moveFromTop 500ms ease;
}
.box-accordian .accordian-content .servicelist li a {
  line-height: 34px;
  display: block;
}
.box-accordian .accordian-content .servicelist li:hover .iconbox-orange [class^="icon-"] {
  -webkit-animation: moveFromTop1 200ms ease;
  -moz-animation: moveFromTop1 200ms ease;
  -ms-animation: moveFromTop1 200ms ease;
}
.box-accordian .accordian-content .accordianbox-software .iconbox {
  background: #539cc1;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUzOWNjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyOGNjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTgyYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #539cc1 0%, #228cc1 50%, #0182c4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #539cc1), color-stop(50%, #228cc1), color-stop(100%, #0182c4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #539cc1 0%, #228cc1 50%, #0182c4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #539cc1 0%, #228cc1 50%, #0182c4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #539cc1 0%, #228cc1 50%, #0182c4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #539cc1 0%, #228cc1 50%, #0182c4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#539cc1', endColorstr='#0182c4', GradientType=0);
  /* IE6-8 */
  border: solid 1px #22729b;
}
.box-accordian .accordian-content .accordianbox-website .iconbox {
  border: solid 1px #d55314;
}
.box-accordian .accordian-content .accordianbox-seo .iconbox {
  background: #a0c653;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwYzY1MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzk1YzYzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NGM4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #a0c653 0%, #95c631 50%, #84c800 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0c653), color-stop(50%, #95c631), color-stop(100%, #84c800));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a0c653 0%, #95c631 50%, #84c800 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a0c653 0%, #95c631 50%, #84c800 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #a0c653 0%, #95c631 50%, #84c800 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #a0c653 0%, #95c631 50%, #84c800 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0c653', endColorstr='#84c800', GradientType=0);
  /* IE6-8 */
  border: solid 1px #6ea405;
}
.box-accordian .accordian-content .accordianbox-backoffice .iconbox {
  background: #ffb100;
  border: none;
}
.box-accordian .accordian-cell.green .title {
  color: black;
}
/* -webkit-animation: moveFromleft 400ms ease; -moz-animation: moveFromleft 400ms ease; -ms-animation: moveFromleft 400ms ease; */
.synotive-testimonials {
  padding-top: 25px;
  overflow: hidden;
  /*
	&:hover
	{
		.testimonials-content{	-webkit-animation: moveFromTop 300ms ease; -moz-animation: moveFromTop 300ms ease; -ms-animation: moveFromTop 300ms ease; }
		.testimonials-bottom { -webkit-animation: moveFromTop 200ms ease; -moz-animation: moveFromTop 200ms ease; -ms-animation: moveFromTop 200ms ease;  }
	} */

}
.synotive-testimonials .title2 {
  line-height: 47px;
  border-bottom: none;
}
.synotive-testimonials .title2 .icon-quote-top {
  padding-right: 10px;
  vertical-align: middle;
}
.synotive-testimonials .testimonials-content {
  font-size: 16px;
  padding: 10px 0 10px 60px;
  font-style: italic;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Georgia, Arial;
  color: #5d5d5d;
}
.synotive-testimonials .testimonials-bottom {
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial, sans-serif;
}
.synotive-testimonials .testimonials-bottom .icon-quote-bottom {
  margin-left: 10px;
}
.synotive-testimonials .testimonials-bottom label {
  color: #076799;
  display: block;
  margin-bottom: 0;
  line-height: 12px;
  margin-top: 15px;
}
.synotive-testimonials .testimonials-bottom label a {
  color: #076799;
}
.ourclient .title2 {
  margin-top: 0px;
  line-height: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: normal;
  font-weight: normal;
}
.synotive-client-logo {
  margin: 10px 0 0 -10px;
  height: 80px;
  oveflow: hidden;
}
.synotive-client-logo .client-list {
  display: table;
  width: 133px;
  heihgt: 78px;
  float: left;
  margin: 0 0 10px 7px;
}
.synotive-client-logo .client-list a {
  height: 78px;
  display: table-cell;
  color: white;
  border: solid 0px #d6d6d6;
  vertical-align: middle;
  text-align: center;
  background: none;
}
.synotive-client-logo ul {
  margin: 0px;
}
.synotive-client-logo ul li {
  float: left;
  padding: 0px;
  background: none;
}
/* =============================== Navigation ============================================ */
.navigation {
  min-height: 30px;
  padding: 0px 0 0 0px;
  clear: both;
  z-index: 1000;
}
.navigation ul {
  list-style: none;
  padding: 0 11px 0px;
  margin-top: 5px;
}
.navigation .submenu {
  border-width: 1px;
  border-style: solid;
  border-color: #515253 #3d3e3f #2b2b2c #3d3e3f;
}
.navigation .submenu {
  display: none;
  position: absolute;
  left: -1px;
  top: 0px;
  -moz-box-shadow: 0px 3px 3px #898989;
  -webkit-box-shadow: 0px 3px 3px #898989;
  box-shadow: 0px 3px 3px #898989;
  float: left;
  /*background-color:#fff;*/
  border-width: 0px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  border-style: solid;
  border-color: #e0e0e0 #e0e0e0 #e0e0e0 #e0e0e0;
  padding: 1px 0px;
  z-index: 10000;
  margin-top: 25px;
  padding-top: 0px;
  background-color: #f3f3f3;
  z-index: 1000000;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}
.navigation .submenu > .column > ul {
  margin: 5px 0 0 10px;
  padding: 0;
}
.navigation .submenu > .column > ul > li {
  background: none;
  padding: 0px 0px;
  margin-bottom: 4px;
  float: none;
}
.navigation .submenu > .column > ul > li a {
  color: black;
  padding: 0px 0 2px;
  font-size: 13px;
  text-transform: capitalize;
  font-size: 14px;
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.navigation .submenu > .column > ul > li:first-child {
  border-top: none;
}
.navigation .submenu > .column > ul > li:first-child:hover {
  border-top: none;
}
.navigation .submenu > .column > ul > li:hover {
  background-color: white;
  border-bottom: none;
}
.navigation .submenu > .column > ul > li:hover a {
  color: black;
}
.navigation .submenu .title {
  padding: 0px 0 5px ;
  color: #d2eaff;
  border-bottom: solid 1px #00437a;
  font-size: 13px;
}
.navigation .submenu .synotive-highlights {
  border-top: solid 1px lightgray;
  min-height: 155px;
  display: table;
  width: 100%;
}
.navigation .submenu .synotive-highlights > a {
  display: table-cell;
  border-left: solid 1px lightgray;
  padding: 10px 0px;
  height: 155px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  overflow: hidden;
}
.navigation .submenu .synotive-highlights > a .highlights-image {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
.navigation .submenu .synotive-highlights > a .highlights-image img {
  margin-right: 0px;
}
.navigation .submenu .synotive-highlights > a .title {
  font-size: 17px;
  border-bottom: none;
  color: black;
  text-align: center;
  display: block;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.navigation .submenu .synotive-highlights > a .title label {
  font-size: 26px;
  display: block;
  line-height: 28px;
  text-align: center;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
}
.navigation .submenu .synotive-highlights > a:hover {
  background-color: white;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.navigation .submenu .synotive-highlights > a:hover .title {
  color: #017bba;
}
.navigation .submenu .synotive-highlights > a:hover .title label {
  color: #017bba;
}
.navigation .submenu .synotive-highlights .synotive-casestudies {
  width: 254px;
}
.navigation .submenu .synotive-highlights .synotive-webdesigportfolio {
  width: 252px;
}
.navigation .submenu .synotive-highlights .synotive-successstories {
  width: 250px;
}
.right-testimonials {
  margin-top: 15px;
  border-bottom: solid 1px #d5d5d5;
  min-height: 20px;
  overflow: auto;
  padding-bottom: 15px;
}
.right-testimonials .title {
  font-size: 22px;
  color: #1a1a1a;
  text-transform: capitalize;
}
.right-testimonials .side-testimonials-panel {
  margin: 10px 0 0 0;
}
.right-testimonials .side-testimonials-panel li {
  border-top: solid 1px #d5d5d5;
}
.right-testimonials .side-testimonials-panel li .testimonials-text {
  color: #747474;
  font-size: 13px;
  font-style: italic;
  line-height: 15px;
}
.right-testimonials .side-testimonials-panel li .testimonials-details {
  text-align: right;
  padding-top: 7px;
}
.right-testimonials .side-testimonials-panel li .testimonials-details .title-name {
  font-size: 12px;
  font-weight: bold;
  color: #076799;
}
.right-testimonials .side-testimonials-panel li .testimonials-details .organization {
  font-size: 12px;
  color: #5b5b5b;
  display: block;
  font-weight: bold;
}
.right-testimonials .side-testimonials-panel li:first-child {
  border-top: none;
}
.synotive-highlights-sidebar {
  min-height: 155px;
  display: table;
  width: 100%;
}
.synotive-highlights-sidebar > a {
  display: table-cell;
  padding: 7px 0px;
  height: 105px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  overflow: hidden;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.synotive-highlights-sidebar > a .highlights-image {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
.synotive-highlights-sidebar > a .title {
  font-size: 17px;
  border-bottom: none;
  color: black;
  text-align: center;
  display: block;
}
.synotive-highlights-sidebar > a .title label {
  font-size: 26px;
  display: block;
  line-height: 28px;
  text-align: center;
}
.synotive-highlights-sidebar > a:hover {
  background: white;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.submenu.threecolumn {
  left: -127px;
}
.navigation .submenu:after {
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 13%;
  position: absolute;
  top: -6px;
}
.navigation .submenu.threecolumn:after {
  left: 152px;
}
.navigation .submenu > em {
  width: 5px;
  height: 5px;
  background-color: white;
  position: absolute;
  left: 0;
  top: -3px;
}
.navigation li:hover {
  position: relative;
}
.nav-collapse ul.navigation {
  padding: 0;
  display: block;
  font-size: 0;
  float: left;
  margin: 0 ;
}
.navigation ul {
  float: left;
  padding: 0 5px 5px;
}
.navigation .column {
  float: left;
}
.navigation > ul > li {
  /*white-space:nowrap;*/
  font-size: 0;
  float: left;
  padding: 0px 0px 10px 2px;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.navigation > li,
.navigation li {
  margin: 0 0 0 0px;
}
.navigation > ul > li {
  margin: 0 0 0px 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #484848;
  background: none;
  font-weight:bold;
}
.navigation > ul > li .software a:hover {
  background-color: #ed6e21;
  color:#fff !important;
  width:220px;
  padding:5px;
  font-weight:bold;
}
.navigation > ul > li .software [class^="icon-"] {
  background-color: #0182c4;
  margin-right: 5px;
}
.navigation > ul > li .web a:hover {
  background-color: #ffedd9;
}
.navigation > ul > li .web [class^="icon-"] {
  background-color: #ff8400;
  margin-right: 5px;
}
.navigation > ul > li .seo a:hover {
  background-color: #f6ffe3;
}
.navigation > ul > li .seo [class^="icon-"] {
  background-color: #84c800;
}
.navigation > ul > li .column ul li {
  overflow: hidden;
}
.navigation > ul > li .column ul li a {
  line-height: 25px;
}
.navigation > ul > li .column ul li a [class^="icon-"] {
  float: left;
  height: 27px;
  margin-right: 5px;
  vertical-align: middle;
  width: 27px;
}
.navigation > ul > li:before {
  background: #484848;
  content: "|";
  float: left;
  height: 10px;
  position: absolute;
  left: -15px;
  top: 5px;
  width: 1px;
}
.navigation > ul > li:first-child:before {
  width: 0px;
  display: none;
}
.navigation > ul li:first-child {
  border: 0px;
  margin-left: 0px;
}
.navigation > ul li:first-child a {
  margin-left: 0px;
}
.navigation ul > li a {
  padding: 5px 11px 4px;
  color: #717171;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
  position: relative;
  z-index: 10000;
}
.ie9 .navigation ul > li a {
  padding: 0px 10px 0px;
}
.ie9 .navigation .submenu a {
  padding: 10px 10px 10px;
}
.navigation > ul > li.logoafter {
  margin-right: 123px;
}
.navigation > ul > li > a {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  padding: 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 15px;
}
.navigation > ul > li:hover .submenu {
  display: block;
}
.navigation > ul > li:hover,
.navigation > ul > li.active {
  color: white;
  border-color: #e0e0e0 #e0e0e0 white #e0e0e0;
  font-weight: bold;
}
.navigation > ul > li:hover > a,
.navigation > ul > li.active > a {
  color: #7aba0a;
  font-weight: bold;
  /*box-shadow: inset 35px 35px 25px 10px rgba(72, 72, 72, 0.2) ;  */

}
.navigation a:active,
.navigation a:focus {
  outline-style: none;
}
.navigation > li > a {
  border: none !important;
  padding: 17px 10px;
}
.navigation  a {
  display: block;
  vertical-align: middle;
  text-align: left;
  text-decoration: none;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-size: 13px;
  color: #575655;
  text-transform: capitalize;
  cursor: pointer;
}
.navigation ul a {
  text-align: left;
  padding: 7px;
  text-decoration: none;
}
.navigation .submenu .submenu {
  background-color: #eb2f1c;
  border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  -webkit-border-radius: 0;
  top: 0 !important;
}
.navigation ul a {
  font-size: 13px;
}
.navigation li:hover > a {
  color: #da0000;
  text-decoration: none;
}
.navigation ul ul li {
  margin: 0px 0 0;
}
.navigation ul ul li a,
.navigation ul ul li a:hover {
  border-bottom-color: #ca0704;
}
.navigation img {
  border: none;
  vertical-align: middle;
  margin-right: 16px;
}
.navigation img.over {
  display: none;
}
.navigation li:hover > a img.def {
  display: none;
}
.navigation li:hover > a img.over {
  display: inline;
}
.navigation .menutitle {
  font-size: 17px;
  background-color: #ff8400;
  color: white;
  text-transform: capitalize;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.navigation .menutitle a {
  padding: 10px 0 10px 15px;
  display: block;
  color: white;
  font-size: 19px;
  text-transform: capitalize;
  font-weight: bold;
  background: inherit;
}
.navigation  .web .menutitle a {
  background: inherit;
}
.navigation  .web .menutitle {
  background-color: #ff8400;
}
.navigation  .web .menutitle a:hover {
  background-color: #e67700;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.navigation  .software .menutitle {
  background-color: #0182c4;
}
.navigation  .software .menutitle a:hover {
  background-color: #0171ab;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.navigation  .seo .menutitle {
  background-color: #84c800;
}
.navigation  .seo .menutitle a:hover {
  background-color: #73af00;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.navigation .column {
  float: left;
  width: 255px;
}
.threecolumn {
  width: 750px !important;
}
.threecolumn .column {
  width: 250px;
  margin-left: 0px;
}
.threecolumn .column:first-child {
  margin-left: 0px;
}
.onecolumn .column {
  width: 250px;
}
.onecolumn1 .column {
  width: 200px;
}
.onecolumn2 .column {
  width: 180px;
}
.onecolumn3 .column {
  width: 160px;
}
.twocolumn {
  width: 270px !important;
}
.twocolumn .column {
  width: 48%;
}
.twocolumn .column:first-child {
  margin-right: 4%;
}
.navigation ul li:hover > a {
  text-decoration: none;
}
.navigation li.navigation > a {
  height: 14px;
  line-height: 14px;
}
.navigation li.navigation:hover > a {
  line-height: 14px;
}
.socialnetwork a {
  transition: all 0.25s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
  -moz-transition: all 0.25s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
  -webkit-transition: all 0.25s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
  -ms-transition: all 0.25s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}
.icon-linkedin {
  background-color: #35afff;
}
.icon-linkedin:hover {
  background-position: 5px -355px;
}
.icon-googleplus {
  background-color: #d71900;
}
.icon-googleplus:hover {
  background-position: -29px -353px;
}
.icon-facebook {
  background-color: #0075ca;
}
.icon-facebook:hover {
  background-position: -62px -353px;
}
.icon-youtube {
  background-color: #d93232;
}
.icon-youtube:hover {
  background-position: -669px -355px;
}
.icon-blogger {
  background-color: #f36712;
}
.icon-blogger:hover {
  background-position: -420px -354px;
}
.icon-pinterest {
  background-color: #c3141c;
}
.icon-pinterest:hover {
  background-position: -620px -352px;
}
.icon-twitter {
  background-color: #1ea1c8;
}
.icon-twitter:hover {
  background-position: -588px -352px;
}
/*============================= end navigation ==================== */
@-webkit-keyframes moveFromTop {
  from {
    -webkit-transform: translateY(-300%);
  }
  to {
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes moveFromTop {
  from {
    -moz-transform: translateY(-300%);
  }
  to {
    -moz-transform: translateY(0%);
  }
}
@-ms-keyframes moveFromTop {
  from {
    -ms-transform: translateY(-300%);
  }
  to {
    -ms-transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromTop1 {
  from {
    -webkit-transform: translateY(-150%);
  }
  to {
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes moveFromTop1 {
  from {
    -moz-transform: translateY(-150%);
  }
  to {
    -moz-transform: translateY(0%);
  }
}
@-ms-keyframes moveFromTop1 {
  from {
    -ms-transform: translateY(-150%);
  }
  to {
    -ms-transform: translateY(0%);
  }
}
@-webkit-keyframes moveFromleft {
  from {
    -webkit-transform: translateX(-7%);
  }
  to {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes moveFromleft {
  from {
    -moz-transform: translateX(-17%);
  }
  to {
    -moz-transform: translateX(0%);
  }
}
@-ms-keyframes moveFromleft {
  from {
    -ms-transform: translateX(7%);
  }
  to {
    -ms-transform: translateX(0%);
  }
}
@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(200%);
  }
  to {
    -webkit-transform: translateY(0%);
  }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(200%);
  }
  to {
    -moz-transform: translateY(0%);
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(200%);
  }
  to {
    -ms-transform: translateY(0%);
  }
}
.btn-style-blue:hover {
  background: #3e70c0 none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-style-orange:hover {
  background: #f3724a none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-style-green:hover {
  background: #18ebb7 none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-style-purple:hover {
  background: #7456ca none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-style-green1:hover {
  background: #17ddec none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-style-maroon:hover {
  background: #c15dbd none;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.hover-fade {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.hover-fade1 {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.hover-fade11 {
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hover-fade12 {
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.hover-fade2 {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.hover-fade3 {
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.hover-fade5 {
  -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;
}
[class^="servicepanel-"] {
  margin-bottom: 15px;
  position: relative;
}
[class^="servicepanel-"] .services-heading {
  border-width: 0;
  border-style: solid  ;
  padding-top: 0px;
  margin-bottom: 15px;
  font-size: 22px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  color: black;
  text-transform: capitalize;
}
[class^="servicepanel-"] .servicelist {
  font-size: 14px;
  padding-top: 4px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  min-height: 15px;
  overflow: auto;
  font-weight: normal;
}
[class^="servicepanel-"] .servicelist a {
  color: black;
  min-height: 15px;
  overflow: auto;
  display: block;
  line-height: 25px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
[class^="servicepanel-"] .servicelist a [class^="icon-"] {
  height: 27px;
  width: 27px;
  float: left;
  margin-right: 5px;
  vertical-align: middle;
}
[class^="synotive-container-"] .service-title {
  font-size: 23px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  line-height: 25px;
  font-weight: normal;
}
[class^="synotive-container-"] .service-title1 {
  font-size: 23px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  line-height: 25px;
  font-weight: normal;
}
[class^="panel-address-"] {
  margin-bottom: 0px;
  color: white;
  min-height: 45px;
  position: relative;
}
[class^="panel-address-"] .title {
  font-weight: normal;
  text-transform: capitalize;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-size: 30px;
  color: white;
  text-align: center;
  padding: 10px 0;
  line-height: 30px;
  cursor: pointer;
}
[class^="panel-address-"] p {
  color: white;
}
[class^="panel-address-"] ul {
  margin: 10px 0 0 0;
}
[class^="panel-address-"] ul li {
  background: none;
  padding: 2px 0;
  list-style-type: none;
}
[class^="panel-address-"] ul li [class^="icon-"] {
  vertical-align: middle;
  margin-right: 3px;
}
[class^="panel-address-"] ul li a {
  color: white;
}
[class^="panel-address-"].last .panel-address-popup {
  margin-left: -95px;
}
.panel-address-popup {
  position: absolute;
  background-color: #68b412;
  width: 250px;
  padding: 0 15px 15px;
  display: none;
}
[class^="panel-address-"].active {
  background-color: #68b412;
}
[class^="panel-address-"]:hover {
  background-color: #68b412;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/*[class^="panel-address-"]:hover:after , [class^="panel-address-"].active:after {
	           border-top: 15px solid #68b412;
				border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				content: "";
				display: inline-block;
				left: 145px;
				position: absolute;
				bottom: -15px;
}
 */
/*------------------------------------------- service color setting ------------------------------------ */
.btn-theme.closequickcontact-show {
  background: none;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  background-color: #ff8111;
}
.btn-theme.closequickcontact-show:hover {
  background: none;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  background-color: #ff9c44;
}
.accordianbox-website .servicelist a:hover,
.accordianbox-website .servicelist.active a {
  background-color: #ffedd9;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.accordianbox-software .servicelist a:hover,
.accordianbox-software .servicelist.active a {
  background-color: #d1efff;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.accordianbox-seo .servicelist a:hover,
.servicepanel-internetmarketing .servicelist a:hover,
.accordianbox-seo .servicelist.active a,
.servicepanel-internetmarketing .servicelist.active a {
  background-color: #e6f7c2;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-webdesign .servicepanel-web .servicelist a:hover,
.synotive-container-webdesign .servicepanel-web .servicelist.active a {
  background-color: #ffedd9;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-webdesign .web [class^="icon-"] {
  background-color: #ff8400;
  margin-right: 5px;
}
.synotive-container-webdesign .btn-primary {
  background: #f0810a;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-container-webdesign .btn-primary:hover {
  background: #3d3d3d;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-container-webdesign a.btn {
  color: black;
}
.synotive-container-webdesign .service-title {
  color: #e14e26;
}
.synotive-container-webdesign .synotive-sidebar .services-heading {
  font-weight: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  color: black;
}
.synotive-container-webdesign .synotive-sidebar .services-heading a {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
}
.synotive-container-webdesign .synotive-sidebar .services-heading a:hover {
  color: #994f00;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-webdesign .btn-requestcallback:hover {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-container-webdesign .btn-requestcallback:hover .icon-large-call {
  -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;
  opacity: 0;
  filter: alpha(opacity=0);
}
.synotive-container-webdesign .btn-requestcallback:hover .icon-large-call-black {
  opacity: 1;
  filter: alpha(opacity=100);
  -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;
}
.synotive-container-webdesign .btn-requestcallback:hover .title {
  color: #e84c23;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.synotive-container-webdesign .synotive-content ul li a {
  color: #0182c4;
}
.synotive-container-software .servicepanel-software .servicelist a:hover,
.synotive-container-software .servicepanel-software .servicelist.active a {
  background-color: #d1efff;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-software .service-title {
  color: #0182c4;
}
.synotive-container-software a {
  color: #0182c4;
}
.synotive-container-software .btn-primary {
  background: #0890d6;
  /*  #gradient > .vertical(#0a9ae4, #004783); */

  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-container-software .btn-primary:hover {
  background: #3d3d3d;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-container-software .icon-large-call {
  background-position: -210px -312px;
  width: 88px;
  height: 88px;
}
.synotive-container-software a.btn {
  color: black;
}
.synotive-container-software .synotive-sidebar .services-heading {
  font-weight: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
}
.synotive-container-software .synotive-sidebar .services-heading a {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
}
.synotive-container-software .synotive-sidebar .services-heading a:hover {
  color: #01679b;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-software .btn-requestcallback:hover {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-container-software .btn-requestcallback:hover .icon-large-call {
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
}
.synotive-container-software .btn-requestcallback:hover .icon-large-call-black {
  opacity: 1;
  filter: alpha(opacity=100);
  -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;
}
.synotive-container-software .btn-requestcallback:hover .title {
  color: #008ce5;
  -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;
}
.synotive-container-software .synotive-content ul li a {
  color: #0182c4;
}
.synotive-container-seo .servicepanel-seo .servicelist a:hover,
.synotive-container-seo .servicepanel-internetmarketing .servicelist a:hover,
.synotive-container-seo .servicepanel-seo .servicelist.active a,
.synotive-container-seo .servicepanel-internetmarketing .servicelist.active a {
  background-color: #e6f7c2;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-seo .service-title {
  color: #56a300;
}
.synotive-container-seo .icon-large-call {
  background-position: -313px -312px;
  width: 88px;
  height: 88px;
}
.synotive-container-seo a {
  color: #56a300;
}
.synotive-container-seo a.btn {
  color: black;
}
.synotive-container-seo .btn-primary {
  background: #7fbd07;
  /* #gradient > .vertical(#9dce63, #84bf40); */

  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-container-seo .btn-primary:hover {
  background: #3d3d3d;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-container-seo .service-title1 {
  color: black;
}
.synotive-container-seo .service-title1 a {
  color: #56a300;
}
.synotive-container-seo .synotive-sidebar .services-heading {
  font-weight: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  color: black;
}
.synotive-container-seo .synotive-sidebar .services-heading a {
	font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
}
.synotive-container-seo .synotive-sidebar .services-heading a:hover {
  color: #416200;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-container-seo .btn-requestcallback:hover {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-container-seo .btn-requestcallback:hover .icon-large-call {
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
}
.synotive-container-seo .btn-requestcallback:hover .icon-large-call-black {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.synotive-container-seo .btn-requestcallback:hover .title {
  color: #56a400;
  -moz-transition: all 0.4s ease-in;
  -webkit-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.synotive-container-seo .synotive-content ul li a {
  color: #0182c4;
}
[class^="synotive-container-"] [class^="panel-address-"] li {
  background: none;
  padding: 3px 0;
}
/*------------------------------------------- End service color setting ------------------------------------ */
.servicepanel-web .services-heading {
  border-color: #ff8400;
}
.servicepanel-web [class^="icon-"] {
  background-color: #ff8400;
}
.servicepanel-web a:hover {
  color: #f57f00;
}
.servicepanel-internetmarketing a:hover {
  color: #6ca400;
}
.servicepanel-internetmarketing .services-heading {
  border-color: #84c800;
}
.servicepanel-internetmarketing [class^="icon-"] {
  background-color: #84c800;
}
.servicepanel-software a:hover {
  color: #0171ab;
}
.servicepanel-software .services-heading {
  border-color: #0182c4;
}
.servicepanel-software [class^="icon-"] {
  background-color: #0182c4;
}
.synotive-container-software .synotive-articles-list li {
  background: none;
  padding: 0px;
}
ul.synotive-articles-list {
  margin: 15px 0 0 0px !important;
}
ul.synotive-articles-list li {
  border: solid 1px #e1e1e1;
  min-height: 50px;
  overflow: auto;
  margin: 0 0 10px;
  list-style-type: none;
  background: none;
  display: table;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
ul.synotive-articles-list li a.btn:hover {
  background-color: white;
  background-image: -moz-linear-gradient(top, white, white);
  background-image: -ms-linear-gradient(top, white, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(white));
  background-image: -webkit-linear-gradient(top, white, white);
  background-image: -o-linear-gradient(top, white, white);
  background-image: linear-gradient(top, white, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='white', GradientType=0);
  border-color: white white #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: solid 1px #d5d5d5;
}
ul.synotive-articles-list li a.btn:hover:hover,
ul.synotive-articles-list li a.btn:hover:active,
ul.synotive-articles-list li a.btn:hover.active,
ul.synotive-articles-list li a.btn:hover.disabled,
ul.synotive-articles-list li a.btn:hover[disabled] {
  background-color: white;
}
ul.synotive-articles-list li a.btn:hover:active,
ul.synotive-articles-list li a.btn:hover.active {
  background-color: #e6e6e6 9;
}
ul.synotive-articles-list .artical-post-detail {
  background-color: #00bbd1;
  padding-bottom: 5px;
  width: 170px;
  display: table-cell;
  *float: left;
  *margin-right: 10px;
}
ul.synotive-articles-list .artical-post-detail * {
  text-align: center;
}
ul.synotive-articles-list .artical-post-detail * a {
  color: white;
}
ul.synotive-articles-list .artical-post-detail p {
  padding-top: 5px;
}
ul.synotive-articles-list .artical-post-detail [class^="icon-custom-"] {
  margin: 13px 0 10px 65px;
}
ul.synotive-articles-list .artical-post-detail .arical-date {
  display: block;
  color: white;
  font-size: 19px;
  font-weight: bold;
}
ul.synotive-articles-list .artical-post-detail .artical-post-by {
  display: block;
  color: white;
  font-size: 15px;
  font-weight: bold;
}
ul.synotive-articles-list .artical-post-detail .artical-department {
  display: block ;
  color: white;
  font-size: 13px;
}
ul.synotive-articles-list .alt .artical-post-detail {
  background-color: #00bc8d;
}
ul.synotive-articles-list .artical-post-data {
  padding: 15px 10px 10px 15px;
  display: table-cell;
  vertical-align: middle;
}
ul.synotive-articles-list .artical-post-data .title {
  color: black;
  font-style: normal;
  font-size: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 503px;
  line-height: 23px;
}
ul.synotive-articles-list .artical-post-data .title a {
  color: black;
}
ul.synotive-articles-list .artical-post-data .title a:hover {
  color: #0182c4;
}
ul.synotive-articles-list .artical-post-data p {
  padding-top: 5px;
}
ul.synotive-articles-list .artical-post-data .button1 {
  color: black;
}
ul.synotive-articles-list li:hover {
  box-shadow: 0 0 7px #cccccc;
}
ul.synotive-articles-list.unactive {
  max-height: 678px;
  overflow: hidden;
}
ul.synotive-articles-list.active {
  max-height: none;
  overflow: auto;
  min-height: 50px;
}
.view-list-categories {
  cursor: pointer;
}
.authorlist.synotive-articles-list .artical-post-detail .authorphoto {
  width: 85px;
  height: 85px;
  -webkit-border-radius: 85px;
  -moz-border-radius: 85px;
  border-radius: 85px;
  overflow: hidden;
  margin: 0 auto;
}
.authorlist.synotive-articles-list .artical-post-data {
  vertical-align: top;
}
.authorlist.synotive-articles-list .artical-post-data .desc {
  padding: 0px;
}
.portfolio-detail-view {
  min-height: 150px;
  overflow: auto;
}
.portfolio-detail-view .portfolio-detail-page {
  width: 580px;
  min-height: 500px;
  margin: 15px;
  float: left;
  max-height: 600px;
  overflow: hidden;
}
.portfolio-detail-view .portfolio-detail-page img {
  box-shadow: 0 0 15px #cccccc;
}
.portfolio-detail-view .portfolio-detail-content {
  width: 335px;
  float: left;
  padding-top: 15px;
  padding-left: 25px;
}
.portfolio-detail-view .portfolio-detail-content .portfolio-detail-technology {
  margin: 10px 0 ;
}
.portfolio-detail-view .portfolio-detail-content .portfolio-detail-technology .label {
  margin-right: 5px;
  background-color: #4a4a4a;
  display: inline-block;
  margin-bottom: 4px;
}
.portfolio-detail-view .portfolio-detail-content .links a {
  color: #1f1f1f;
}
.portfolio-detail-view .portfolio-detail-content .links a [class^="icon-"] {
  vertical-align: middle;
  margin-right: 3px;
}
.portfolio-detail-view .portfolio-detail-content .links1 a {
  color: #1f1f1f;
}
.portfolio-detail-view .portfolio-detail-content .links1 a [class^="icon-"] {
  vertical-align: middle;
  margin-right: 3px;
}
.navigation ul > li.active {
  border: 0px;
}
.navigation ul > li:hover {
  border-color: #2c2c2c #2c2c2c #2c2c2c;
}
.navbar {
  overflow: visible;
  margin-bottom: 0px;
}
.navbar-inner {
  padding-left: 0px;
  padding-right: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #252525;
  background-image: -moz-linear-gradient(top, #252525, #252525);
  background-image: -ms-linear-gradient(top, #252525, #252525);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#252525), to(#252525));
  background-image: -webkit-linear-gradient(top, #252525, #252525);
  background-image: -o-linear-gradient(top, #252525, #252525);
  background-image: linear-gradient(top, #252525, #252525);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#252525', GradientType=0);
  border-color: #252525 #252525 black;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.btn-navbar:hover,
.btn-navbar:active,
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
  background-color: #252525;
}
.btn-navbar:active,
.btn-navbar.active {
  background-color: #0c0c0c 9;
}
.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: whitesmoke;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}
.nav-collapse.collapse {
  height: auto;
}
.navbar {
  min-height: 30px;
  padding-top: 10px;
}
.navbar .brand:hover {
  text-decoration: none;
}
.navbar .brand {
  float: left;
  display: block;
  padding: 8px 20px 12px;
  margin-left: -20px;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  color: white;
}
.navbar .navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #999999;
}
.navbar .navbar-text a:hover {
  color: white;
  background-color: transparent;
}
.navbar .btn,
.navbar .btn-group {
  margin-top: 5px;
}
.navbar .btn-group .btn {
  margin-top: 0;
}
.navbar-form {
  margin-bottom: 0;
  *zoom: 1;
}
.navbar-form:before,
.navbar-form:after {
  display: table;
  content: "";
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 0;
}
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 6px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}
.navbar-search {
  position: relative;
  float: left;
  margin-top: 6px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  padding: 4px 9px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  color: white;
  color: rgba(255, 255, 255, 0.75);
  background: #666666;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #111111;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.navbar-search .search-query :-moz-placeholder {
  color: #eeeeee;
}
.navbar-search .search-query ::-webkit-input-placeholder {
  color: #eeeeee;
}
.navbar-search .search-query:hover {
  color: white;
  background-color: #999999;
  background-color: rgba(255, 255, 255, 0.5);
}
.navbar-search .search-query:focus,
.navbar-search .search-query.focused {
  padding: 5px 10px;
  color: #3e3e3e;
  text-shadow: 0 1px 0 white;
  background-color: white;
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  outline: 0;
}
.navbar-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 0px 0 0;
}
.navbar .nav.pull-right {
  float: right;
}
.navbar .nav > li {
  display: block;
  float: left;
}
.nav-collapse {
  font-size: 13px;
}
.nav-collapse ul {
  margin: 0 0 8px 0px;
}
.nav-collapse .iconbox {
  float: left;
  margin: 7px 0 0 0;
}
.nav-collapse .pull-right {
  margin-top: 12px;
}
.nav-collapse .pull-right li {
  list-style: none;
}
.nav-collapse .pull-right a {
  color: white;
}
.nav.pull-right {
  float: right;
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar .nav > li {
  border-left: solid 1px transparent;
}
.navbar .nav > li > a {
  float: none;
  padding: 4px 20px 5px;
  *padding: 3px 10px 5px;
  margin: 0px 0 0 1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-radius: 0px\09 !important;
  line-height: 45px;
  color: white;
  text-decoration: none;
  text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
  border: solid 0px transparent;
  font-size: 14px;
  text-transform: uppercase;
}
.navbar .nav > li:hover {
  background-color: white;
  border-left: solid 1px #e5e5e5;
}
.navbar .nav > li:hover > a {
  color: #da0515;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #da0515;
  text-decoration: none;
  border: solid 0px #3f8ede;
}
.navbar .nav .active,
.navbar .nav .active:hover {
  background-color: white;
}
.navbar .divider-vertical {
  height: 40px;
  width: 1px;
  margin: 0 9px;
  overflow: hidden;
  background-color: #252525;
  border-right: 1px solid #252525;
}
.navbar .nav.pull-right {
  margin-left: 10px;
  margin-right: 0;
}
.navbar .dropdown-menu {
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .dropdown-menu:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  top: -6px;
  left: 10px;
}
.navbar .nav .dropdown-toggle .caret,
.navbar .nav .open.dropdown .caret {
  border-top-color: white;
}
.navbar .nav .active .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
  background-color: transparent;
}
.navbar .nav .active > .dropdown-toggle:hover {
  color: white;
}
.navbar .nav.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}
.navbar .nav.pull-right .dropdown-menu:before {
  left: auto;
  right: 12px;
}
.navbar .nav.pull-right .dropdown-menu:after {
  left: auto;
  right: 13px;
}
.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, white, whitesmoke);
  background-image: -ms-linear-gradient(top, white, whitesmoke);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whitesmoke));
  background-image: -webkit-linear-gradient(top, white, whitesmoke);
  background-image: -o-linear-gradient(top, white, whitesmoke);
  background-image: linear-gradient(top, white, whitesmoke);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='whitesmoke', GradientType=0);
  border: 1px solid #dddddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
}
.breadcrumb li {
  display: inline-block;
  text-shadow: 0 1px 0 white;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb .active a {
  color: #3e3e3e;
}
.breadcrumb {
  clear: right;
  min-height: 15px;
  font-family: Arial, Helvetica, sans-serif;
  color: #0084c2;
  font-size: 12px;
  padding: 10px 0 10px 0px;
  margin: 0 0px 0 0px;
  background: white;
}
.breadcrumb a,
.breadcrumb span,
.breadcrumb label {
  float: left;
}
.breadcrumb a {
  color: #09457a;
  padding-bottom: 3px;
  display: inline-block;
}
.breadcrumb a:hover {
  color: #0084c2;
}
.breadcrumb span {
  font-size: 91% !important;
  color: #09457a;
  padding: 5px 4px 0 4px;
  line-height: 10px;
}
.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #dddddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: whitesmoke;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
  *zoom: 1;
}
.pager:before,
.pager:after {
  display: table;
  content: "";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: white;
  border: 1px solid #dddddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a:hover {
  text-decoration: none;
  background-color: whitesmoke;
}
.pager .next a {
  float: right;
}
.pager .previous a {
  float: left;
}
.modal-open .dropdown-menu {
  z-index: 101050;
}
.modal-open .dropdown.open {
  *z-index: 101050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eeeeee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  padding: 15px;
}
.modal-body .modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid black;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 3px;
  width: 80%;
  min-width: 280px;
  overflow: hidden;
  background: black;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: whitesmoke;
  border-bottom: 1px solid #eeeeee;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.popover-content {
  padding: 14px;
  background-color: white;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover-box {
  background: white;
  padding: 8px;
  border: solid 2px #7a7a7a;
  min-height: 160px;
  width: 500px;
  max-width: 80%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  display: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.popoverdata tr td {
  border-left: solid 1px #bebebe;
}
.popoverdata tr td:first-child {
  border-left: none;
}
.popoverdata tr td .control-label {
  font-size: 16px;
  color: #0256ad;
  font-weight: bold;
  text-align: center;
}
.popoverdata.view tr td .control-label {
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
}
.popoverdata tr td .controls {
  text-align: center;
}
.popover-box > .popoverdata {
  margin-bottom: 10px;
}
.popover-box-content {
  border: solid 1px #cfcfcf;
  background: whitesmoke;
  min-height: 60px;
  max-height: 230px;
  overflow: hidden;
  padding: 10px;
}
.popover-box-content + .popoverdata {
  margin-top: 10px;
  margin-bottom: 0px;
}
.popover-box .icon-left-arrow {
  position: absolute;
  top: 50%;
  left: -12px;
}
.popover-box .popover-box-content h4 {
  color: black;
  font-size: 14px;
  padding-bottom: 8px;
}
.popoverfooter tr td .control-label {
  font-size: 13px;
  display: inline;
  padding-left: 4px;
}
.leftthemeshade {
  width: 2px;
  height: 100%;
  position: absolute;
  left: -2px;
}
.popover-box .boxcolor {
  display: block;
  padding-top: 3px;
  height: 20px;
}
#treeviewdetail .t-in {
  min-width: 250px;
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top, white, #e4e4e4);
  background-image: -ms-linear-gradient(top, white, #e4e4e4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, white, #e4e4e4);
  background-image: -o-linear-gradient(top, white, #e4e4e4);
  background-image: linear-gradient(top, white, #e4e4e4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e4e4e4', GradientType=0);
  border: solid 1px #c6c6c6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#treeviewdetail .t-in em {
  width: 48px;
  height: 48px;
  display: inline-block;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: -2px 15px -2px -3px;
}
#treeviewdetail .t-in label {
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}
#treeviewdetail .t-in span {
  font-size: 12px;
  color: #242424;
}
#treeviewdetail .t-in.t-state-selected {
  padding-left: 3px;
  background-color: #efefef;
  background-image: -moz-linear-gradient(top, white, #d6d6d6);
  background-image: -ms-linear-gradient(top, white, #d6d6d6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#d6d6d6));
  background-image: -webkit-linear-gradient(top, white, #d6d6d6);
  background-image: -o-linear-gradient(top, white, #d6d6d6);
  background-image: linear-gradient(top, white, #d6d6d6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#d6d6d6', GradientType=0);
}
#treeviewdetail .t-in.t-state-selected:hover em {
  margin: -2px 15px -2px -3px;
}
#treeviewdetail .t-in:hover {
  min-width: 248px;
  background-color: #efefef;
  background-image: -moz-linear-gradient(top, white, #d6d6d6);
  background-image: -ms-linear-gradient(top, white, #d6d6d6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#d6d6d6));
  background-image: -webkit-linear-gradient(top, white, #d6d6d6);
  background-image: -o-linear-gradient(top, white, #d6d6d6);
  background-image: linear-gradient(top, white, #d6d6d6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#d6d6d6', GradientType=0);
}
#treeviewdetail .t-in:hover em {
  margin: -2px 15px -2px -5px;
}
.popover.contrast .popover-inner {
  width: 800px;
}
.thumbnails {
  margin-left: -20px;
  list-style: none;
  *zoom: 1;
}
.thumbnails:before,
.thumbnails:after {
  display: table;
  content: "";
}
.thumbnails:after {
  clear: both;
}
.thumbnails > li {
  float: left;
  margin: 0 0 18px 20px;
}
.thumbnail {
  display: block;
  padding: 4px;
  line-height: 1;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
a.thumbnail:hover {
  border-color: #c30208;
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
}
.label {
  padding: 2px 4px 3px;
  font-size: 11.9px;
  font-weight: bold;
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.label:hover {
  color: white;
  text-decoration: none;
}
.label-important {
  background-color: #b94a48;
}
.label-important:hover {
  background-color: #953b39;
}
.label-warning {
  background-color: #f89406;
}
.label-warning:hover {
  background-color: #c67605;
}
.label-success {
  background-color: #468847;
}
.label-success:hover {
  background-color: #356635;
}
.label-info {
  background-color: #3a87ad;
}
.label-info:hover {
  background-color: #2d6987;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -ms-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9);
  background-image: linear-gradient(top, whitesmoke, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='whitesmoke', endColorstr='#f9f9f9', GradientType=0);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.progress .bar {
  width: 0%;
  height: 18px;
  color: white;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(top, #149bdf, #0480be);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-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-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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: -ms-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);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar {
  background-color: #dd514c;
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.progress-danger.progress-striped .bar {
  background-color: #ee5f5b;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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: -ms-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-success .bar {
  background-color: #5eb95e;
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.progress-success.progress-striped .bar {
  background-color: #62c462;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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: -ms-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-info .bar {
  background-color: #4bb1cf;
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
}
.progress-info.progress-striped .bar {
  background-color: #5bc0de;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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: -ms-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);
}
.accordion {
  margin-bottom: 18px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.carousel {
  position: relative;
  margin-bottom: 18px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -ms-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active,
.carousel .next,
.carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next,
.carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 100%;
}
.carousel .prev {
  left: -100%;
}
.carousel .next.left,
.carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -100%;
}
.carousel .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: white;
  text-align: center;
  background: #222222;
  border: 3px solid white;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover {
  color: white;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #3e3e3e;
  background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4,
.carousel-caption p {
  color: white;
}
.hero-unit {
  padding: 60px;
  margin-bottom: 30px;
  background-color: whitesmoke;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.hero-unit h1 {
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1;
  letter-spacing: -1px;
}
.hero-unit p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
}
.profile-pic-1 {
  top: 0px;
  left: 0px;
}
.profile-pic-2 {
  top: 146px;
  left: 0px;
}
.profile-pic-3 {
  top: 292px;
  left: 0px;
}
.profile-pic-4 {
  top: 292px;
  left: 146px;
}
.profile-pic-5 {
  top: 292px;
  left: 292px;
}
.profile-pic-6 {
  top: 292px;
  left: 438px;
}
.profile-pic-7 {
  top: 292px;
  left: 584px;
}
.profile-pic-8 {
  top: 0px;
  left: 438px;
}
.profile-pic-9 {
  top: 0px;
  left: 584px;
}
.profile-pic-10 {
  top: 0px;
  left: 730px;
}
.profile-pic-11 {
  top: 0px;
  left: 876px;
}
.photos-content {
  position: relative;
  padding-top: 7px;
}
.photos-content .box-photos {
  width: 140px;
  height: 140px;
  margin: 0px 0px 0px 0;
  position: absolute;
}
.photos-content .box-photos samp {
  position: absolute;
  width: 140px;
  height: 140px;
}
.photos-content .welcome-text {
  position: absolute;
  top: 146px;
  left: 438px;
}
.photos-content .videobox {
  position: absolute;
  top: 146px;
  left: 730px;
}
.photos-content .shade-darkgray {
  height: 256px;
  width: 256px;
  position: absolute;
  top: 0;
  left: 146px;
  color: white;
  font-weight: bold;
  padding: 15px;
}
.photos-content .shade-darkgray p {
  padding-top: 0;
  font-size: 15px;
  line-height: 22px;
  padding-right: 25px;
}
.photos-content {
  list-style: none;
  position: relative;
  margin: 0px auto;
  padding: 0;
}
.photos-content .box-photos {
  margin: 0px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.photos-content .box-photos a {
  overflow: hidden;
}
.photos-content .box-photos a div {
  position: absolute;
  background: rgba(75, 75, 75, 0.7);
  width: 100%;
  height: 100%;
}
.photos-content .box-photos a div.da-animate {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.photos-content .box-photos a,
.photos-content .box-photos a img {
  display: block;
  position: relative;
  border: none;
}
.homebanner {
  min-height: 455px;
  position: relative;
  z-index: 10;
}
/* Initial state classes: */
.da-slideFromTop {
  left: 0px;
  top: -100%;
}
.da-slideFromBottom {
  left: 0px;
  top: 100%;
}
.da-slideFromLeft {
  top: 0px;
  left: -100%;
}
.da-slideFromRight {
  top: 0px;
  left: 100%;
}
/* Final state classes: */
.da-slideTop {
  top: 0px;
}
.da-slideLeft {
  left: 0px;
}
.photos-content .box-photos a div span {
  display: block;
  padding: 10px 0;
  margin: 40px 10px 20px 10px;
  text-transform: uppercase;
  font-weight: normal;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 -10px 0 rgba(255, 255, 255, 0.3);
}
.homesearchbox {
  min-height: 20px;
  overflow: auto;
}
.homesearchbox .textboxlarge {
  margin: 10px 0 5px;
  border: none;
  background-image: url("bootstrap/img/icon-serach.png");
  background-repeat: no-repeat;
  background-position: 12px 10px;
  padding: 5px 10px 5px 0;
  background-color: white;
}
.homesearchbox .textboxlarge input {
  color: #747474;
  font-size: 16px;
  margin-left: 35px ;
  height: 25px;
  border: none;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  width: 190px;
  padding: 4px;
}
.homesearchbox .link-gray {
  float: right;
  color: white;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-weight: normal;
}
.homesearchbox .link-gray:hover {
  background: #da0515;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.invisible {
  visibility: hidden;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
body {
  background-color: #fcfcfc;
  color: black;
  /*color:#787878; */

}
.container-fluid,
.container {
  padding: 0px;
  width: 1000px;
  margin: 0 auto 0px;
  position: relative;
  padding: 0 0px;
}
.synotive-footer-fix .container-fluid {
  margin-bottom: 0px;
}
/*---------------------------------- Common --------------------------- */
h1,
.h1 {
  font-size: 32px;
  font-weight: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  text-transform: normal;
  padding-bottom: 0px;
  line-height: 40px;
}
h1 label,
.h1 label {
  color: #d55213;
}
h5 {
  font-size: 15px;
  color: black;
  font-famyly: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
}
.title2 {
  font-size: 24px;
  line-height: 24px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: normal;
  font-weight: normal;
  color: #1a1a1a;
}
.title2 a {
  color: #1a1a1a;
}
.title21 {
  font-size: 23px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  color: #1a1a1a;
}
.title21 a {
  color: #e13a2e;
}
.title3 {
  font-size: 25px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  color: #ffb400;
}
.title4 {
  font-size: 53px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: normal;
  color: white;
}
.title5 {
  font-size: 23px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: normal;
  color: #1a1a1a;
  line-height: 26px;
}
.heading1 {
  font-size: 25px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  padding-bottom: 5px;
  line-height: 35px;
}
.heading1 label {
  color: #d55213;
}
.divider1 {
  height: 5px;
  width: 100%;
  clear: both;
}
.divider2 {
  height: 10px;
  width: 100%;
  clear: both;
}
.divider3 {
  height: 15px;
  width: 100%;
  clear: both;
}
.divider4 {
  height: 20px;
  width: 100%;
  clear: both;
}
.divider-large {
  height: 25px;
  width: 100%;
  clear: both;
}
.divider-exlarge {
  height: 35px;
  width: 100%;
  clear: both;
}
.divider-exlarge-2 {
  height: 45px;
  width: 100%;
  clear: both;
}
.divider-exlarge-3 {
  height: 55px;
  width: 100%;
  clear: both;
}
.divider-exlarge-4 {
  height: 65px;
  width: 100%;
  clear: both;
}
*:focus,
a:focus {
  outline: 0px;
  outline: none;
}
p + ul {
  margin: 7px 0 0;
}
ul + p {
  margin: 15px 0 0;
}
ul {
  margin: 15px 0 0 0px;
}
ul li {
  /* background: url(../../images/list.png) no-repeat 5px 3px; */
  padding: 5px 0 5px 35px;
  list-style-type: none;
}
.service-title + p {
  padding-top: 0px;
}
p.service-title + p {
  padding-top: 0px;
}
p + .service-title {
  padding-top: 20px;
}
.service-title {
  padding-bottom: 5px;
}
.vmiddle {
  vertical-align: middle;
}
a.link {
  color: black !important;
  display: inline-block;
  border-bottom: dotted 1px black;
}
.synotive-content h2 {
  font-weight: normal;
}
.synotive-content .heading1 {
  font-weight: bold;
}
.synotive-content ul {
  margin: 10px 10px 0px;
}
p {
  margin: 0 ;
  padding-top: 15px;
  color: black;
  font-size: 14px;
  line-height: 20px;
}
p small {
  font-size: 10px;
}
p b {
  color: black;
  font-weight: normal;
}
.icon-flag-australia {
  background-position: -330px -486px;
  height: 30px;
  width: 35px;
  margin-top: -5px;
}
.icon-flag-india {
  background-position: -375px -486px;
  height: 30px;
  width: 35px;
}
.icon-flag-singapore {
  background-position: -425px -486px;
  height: 30px;
  width: 35px;
}
.icon-mobile {
  background-position: -443px -274px;
  height: 25px;
  width: 25px;
}
.icon-fax {
  background-position: -389px -274px;
  height: 25px;
  width: 25px;
}
.icon-email {
  background-position: -419px -274px;
  height: 25px;
  width: 25px;
}
.icon-education,
.icon-governance,
.icon-telecom,
.icon-insurance,
.icon-legal,
.icon-healthcare {
  background-position: 1px -535px;
  height: 45px;
  width: 45px;
}
.icon-governance {
  background-position: -57px -535px;
  height: 38px;
  width: 45px;
}
.icon-telecom {
  background-position: -113px -535px;
  height: 47px;
  width: 47px;
}
.icon-insurance {
  background-position: -174px -535px;
  height: 40px;
  width: 40px;
}
.icon-legal {
  background-position: -235px -535px;
  height: 41px;
  width: 35px;
}
.icon-healthcare {
  background-position: -290px -535px;
  height: 40px;
  width: 45px;
}
/*---------------------------------- End Common --------------------------- */
/*---------------------------------- Header --------------------------- */
.synotive-header-container {
  position: absolute;
  height: 47px;
  widht: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1000;
}
.synotive-header-container .synotive-header {
  width: 1020px;
  margin: 0 auto;
  height: 100px;
  position: relative;
}
.synotive-header-container .synotive-header .navigation {
  position: absolute;
  top: 20px;
  /*left: 290px;*/
  right: 0px;
}
.synotive-header-container .synotive-header .logo {
  width: 185px;
  margin-top: -6px;
  position: absolute;
  margin-left: -80px;
}
.synotive-header-container .synotive-header .logo img {
  /* max-width: 100%; */
  height: auto;
}
.synotive-header-container .synotive-header .top-contactno {
  position: absolute;
  top: 10px;
  right: 21px;
  font-size: 26px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Signika', sans-serif;
  text-shadow: 2px 1px #555555;
}
.synotive-header-container .synotive-header .top-contactno [class^="icon-"] {
  vertical-align: middle;
}
.navigation li {
  float: left;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  font-size: 15px;
  color: white;
  background: none;
  list-style-type: none;
}
.navigation li a {
  color: white;
  display: inline-block;
  padding: 0 15px;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.navigation > ul > li:hover > a,
.navigation > ul > li.active > a {
  font-size: 15px;
  /* background:url(images/menuhover.png) repeat;    .hover-fade5; */

}
.navigation a:link {
  font-size: 15px;
}
.ie9 .navigation {
  height: 63px;
}
.ie9 .submenu {
  top: 0px;
}
.box-accordian .navsbar li {
  background: #fcfcfc;
}
/*---------------------------------- End Header --------------------------- */
/*---------------------------------- banner --------------------------- */
.fancy-box-1,
.fancy-box-2 {
  width: 87%;
  float: left;
  padding: 10px 20px 20px 80px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #f3f3f3;
  color: black;
  box-shadow: 0px 6px #dcdcda;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.fancy-box-1 .list-digits,
.fancy-box-2 .list-digits,
.fancy-box-1 .list-digits-green,
.fancy-box-2 .list-digits-green,
.fancy-box-1 .list-digits-blue,
.fancy-box-2 .list-digits-blue,
.fancy-box-1 .list-digits-orange,
.fancy-box-2 .list-digits-orange {
  background: white;
  color: #0182c4;
  font-size: 55px;
  left: -25px;
  padding: 40px 25px 30px 35px;
  position: absolute;
  top: -25px;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}
.fancy-box-1 .green,
.fancy-box-2 .green {
  color: #84c800;
}
.fancy-box-1 .blue,
.fancy-box-2 .blue {
  color: #0182c4;
}
.fancy-box-1 .orange,
.fancy-box-2 .orange {
  color: #ff8400;
}
.fancy-box-1 h3,
.fancy-box-2 h3 {
  padding: 0px;
}
.fancy-box-2 {
  background: #f3f3f3;
  padding: 10px 80px 20px 20px;
}
.fancy-box-2 .list-digits {
  left: auto;
  right: -25px;
  padding: 40px 35px 30px 25px;
}
.fancy-box-1:hover,
.fancy-box-2:hover {
  box-shadow: 0px 0px 0px;
}
.synotive-banner-container {
  height: 300;
  width: 100%;
  margin-bottom: -90px;
  z-index: 10;
  position: relative;
}
.synotive-banner-container .bannercenter {
  position: absolute;
  width: 100%;
  margin: 105px auto 0;
  top: 0px;
}
.synotive-banner-container #homebanner {
  margin: 250px auto 0;
  position: relative;
  width: 1000px;
  z-index: 2000;
}
.synotive-banner-container #homebanner li {
  list-style-type: none;
  float: left;
  width: 45px;
  background: none;
  padding: 0px;
}
.synotive-banner-container #homebanner li a {
  overflow: hidden;
}
.synotive-banner-container #homebanner li a [class^="icon-"] {
  margin: 10px 0 0 12px;
}
.synotive-banner-container #homebanner li a:hover,
.synotive-banner-container #homebanner li a.activeSlide,
.synotive-banner-container #homebanner li .selected {
  background-position: -199px -174px;
  width: 42px;
  height: 42px;
}
.synotive-banner-container #homebanner li a:hover .icon-software,
.synotive-banner-container #homebanner li a.activeSlide .icon-software,
.synotive-banner-container #homebanner li .selected .icon-software {
  background-position: -423px -143px;
}
.synotive-banner-container #homebanner li a:hover .icon-web,
.synotive-banner-container #homebanner li a.activeSlide .icon-web,
.synotive-banner-container #homebanner li .selected .icon-web {
  background-position: -486px -143px;
}
.synotive-banner-container #homebanner li a:hover .icon-internetmarketing,
.synotive-banner-container #homebanner li a.activeSlide .icon-internetmarketing,
.synotive-banner-container #homebanner li .selected .icon-internetmarketing {
  background-position: -393px -143px;
}
.synotive-banner-container #homebanner li a:hover .icon-backoffice,
.synotive-banner-container #homebanner li a.activeSlide .icon-backoffice,
.synotive-banner-container #homebanner li .selected .icon-backoffice {
  background-position: -453px -142px;
}
.synotive-banner-container #homebanner li a:hover b,
.synotive-banner-container #homebanner li a.activeSlide b,
.synotive-banner-container #homebanner li .selected b {
  -webkit-animation: moveFromTop 450ms ease;
  -moz-animation: moveFromTop 450ms ease;
  -ms-animation: moveFromTop 450ms ease;
}
.synotive-banner-container .homebannernav {
  position: absolute;
  z-index: 2000;
  display: block !important;
  width: 100%;
  top: 45%;
}
.synotive-banner-container .home-banner-1,
.synotive-banner-container home-banner {
  height: 300;
  width: 100%  !important;
  overflow: hidden;
  top: 55px;
  left: 0px;
}
.synotive-banner-container .home-banner-1 .btn-request-quote,
.synotive-banner-container home-banner .btn-request-quote {
  clear: both;
  margin: 40px 0px 0px;
}
.synotive-banner-container .home-banner-1 .banner-software,
.synotive-banner-container home-banner .banner-software {
  background: url(../../images/banner/banner-software-home.jpg) no-repeat top center;
  height: 300;
  width: 100% !important;
}
.synotive-banner-container .home-banner-1 .banner-web,
.synotive-banner-container home-banner .banner-web {
  background: url(../../images/banner/banner-website-home.jpg) no-repeat top center;
  height: 300;
  width: 100%  !important;
}
.synotive-banner-container .home-banner-1 .banner-seo,
.synotive-banner-container home-banner .banner-seo {
  background: url(../../images/banner/banner-seo-home.jpg) no-repeat top center;
  height: 300;
  width: 100%  !important;
}
.synotive-banner-container .home-banner-1 .banner-content,
.synotive-banner-container home-banner .banner-content {
  position: relative;
  width: 1000px;
  height: 300;
  margin: 0px auto 0;
  border: solid 1px yellow 0;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left,
.synotive-banner-container home-banner .banner-content .banner-content-left {
  width: 490px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 45px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left .title,
.synotive-banner-container home-banner .banner-content .banner-content-left .title {
  font-size: 30px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  color: white;
  line-height: 35px;
  margin-left: 0px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left p,
.synotive-banner-container home-banner .banner-content .banner-content-left p {
  width: 75%;
  font-size: 18px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  line-height: 18px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left1,
.synotive-banner-container home-banner .banner-content .banner-content-left1 {
  width: 490px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 35px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left1 .title,
.synotive-banner-container home-banner .banner-content .banner-content-left1 .title {
  font-size: 30px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  color: white;
  line-height: 30px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left1 p,
.synotive-banner-container home-banner .banner-content .banner-content-left1 p {
  width: 75%;
  font-size: 18px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  line-height: 18px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left2,
.synotive-banner-container home-banner .banner-content .banner-content-left2 {
  width: 490px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-top: 35px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left2 .title,
.synotive-banner-container home-banner .banner-content .banner-content-left2 .title {
  font-size: 30px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  text-transform: capitalize;
  color: white;
  line-height: 35px;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-left2 p,
.synotive-banner-container home-banner .banner-content .banner-content-left2 p {
  font-size: 18px;
  width: 390px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  line-height: 18px;
  text-transform: capitalize;
}
.synotive-banner-container .home-banner-1 .banner-content .banner-content-right,
.synotive-banner-container home-banner .banner-content .banner-content-right {
  width: 605px;
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 35px;
}
.synotive-banner-container .homebannernav {
  opacity: 0;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-banner-container:hover .homebannernav {
  opacity: 0.7;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-banner-container ~ .container-fluid {
  position: relative;
  z-index: 10000;
}
.synotive-container-webdesign .container-fluid {
  margin-top: -14px;
}
.navsbar samp {
  background: url(../../images/arrow-down.png) no-repeat;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-inner-banner {
  width: 100%;
  height: 310px;
  position: relative;
  z-index: 1;
}
.synotive-inner-banner .inner-banner-content {
  width: 480px;
  position: relative;
  left: 0px;
  z-index: 100;
  padding-top: 88px;
  vertical-align: middle;
  height: 182px;
  display: table-cell;
}
.synotive-inner-banner .inner-banner-content .title {
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  font-size: 28px;
  text-transform: normal;
  color: white;
  line-height: 35px;
}
.synotive-inner-banner .inner-banner-content .desc {
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-size: 18px;
  color: white;
  font-weight: normal;
  text-transform: normal;
}
.synotive-inner-banner .inner-banner-image {
  position: absolute;
  top: -4px;
  right: 0px;
  display: table;
  height: 310px;
}
.synotive-inner-banner .inner-banner-image .inner-banner-image-aligment {
  display: table-cell;
  vertical-align: bottom;
  height: 310px;
}
.synotive-block-banner {
  height: 160px;
  width: 100%;
  position: relative;
  background: url(../../images/banner/blue-bg-full.jpg) no-repeat center top;
}
.banner-webdesing {
  background: url(../../images/banner/banner-webdesign.jpg) repeat center top;
}
.banner-software {
  background: url(../../images/banner/banner-software.jpg) repeat center top;
}
.banner-software.themeblue {
  background: url(../../images/banner/banner-lightblue.jpg) repeat center top;
}
.banner-software.themeblue .inner-banner-content .title {
  color: #054f7e !important;
}
.banner-software.themeblue .inner-banner-content .desc {
  color: #2f4d63;
}
.shade-arrow-bottom {
  background: url(../../images/shade-arrow-bottom.png) no-repeat center top;
  margin: 40px 0;
  height: 60px;
  width: 100%;
  clear: both;
}
.banner-internetmarketing {
  background: url(../../images/banner/banner-internetmarketing.jpg) repeat center top;
}
.banner-contactus {
  background: url(../../images/banner/banner-contactus.jpg) repeat center top;
}
.full-blue-bg {
  background: url(../../images/banner/blue-bg-full.jpg) repeat-y center top;
  min-height: 196px;
}
.full-blue-bg.contactus-panel {
  min-height: 50px;
  position: relative;
  z-index: 100;
}
.contactus-map-container {
  height: 277px;
  width: 100%;
  overflow: hidden;
}
#portfoliocarousel {
  width: 700px;
  height: 290px;
  position: relative;
  clear: both;
  overflow: hidden;
}
#portfoliocarousel img {
  visibility: hidden;
  /* hide images until carousel can handle them */
  cursor: pointer;
  /* otherwise it's not as obvious items can be clicked */

}
.split-left {
  width: 330px;
  float: left;
}
.split-right {
  width: 330px;
  float: left;
  margin-left: 10px;
}
#callback-output {
  height: 290px;
  overflow: scroll;
}
textarea#newoptions {
  width: 330px;
}
/*---------------------------------- end banner --------------------------- */
/* ----------------------------- Content ------------------------------------- */
.synotive-content1 {
  width: 704px;
  float: left;
  margin-right: 20px;
  padding: 0px 0 20px ;
  min-height: 10px;
}
.synotive-content1 .synotivecontactus {
  padding: 0px 0;
}
#divCaptcha1 span {
  width: 90px;
  height: 50px;
}
#divCaptcha1 span img {
  margin-top: 0px;
  max-width: 70px;
  max-height: 100px;
}
#divCaptcha span {
  width: 90px;
  height: 50px;
}
#divCaptcha span img {
  margin-top: 5px;
  max-width: 90px;
  max-height: 100px;
}
.synotivecontactus {
  position: relative;
  text-align: center;
  padding: 15px 0;
}
.inner-container {
  min-height: 50px;
  position: relative;
  z-index: 100;
  margin: -14px 0 0 0;
  /* overflow: auto;*/

}
.inner-container .synotive-content {
  width: 704px;
  float: left;
  margin-right: 20px;
  padding: 20px 0 20px ;
  min-height: 280px;
}
.inner-container .synotive-sidebar {
  width: 253px;
  float: left;
  padding: 15px 0 0 20px;
  background: url(../../images/sidebar-shade.png) no-repeat top left;
  min-height: 603px;
}
.inner-container .synotive-sidebar .bullet {
  margin: 20px 0 10px -20px;
}
.inner-container .synotive-sidebar .bullet li {
  border-bottom: solid 1px #d5d5d5;
}
.inner-container .synotive-sidebar hr {
  margin-left: -20px;
}
.inner-container .synotive-sidebar .bullet + .service-category-list .bullet li {
  border-top: none;
}
.inner-container .synotive-sidebar.fixtop {
  position: fixed;
  top: 0px;
  margin-left: 723px;
  *margin-left: 20px;
  z-index: 10;
  background: url(../../images/sidebar-shade.png) no-repeat top left;
  min-height: 500px;
}
.inner-container .synotive-sidebar.fixbottom {
  position: absolute;
  bottom: 0px;
  margin-left: 0px;
  *margin-left: 20px;
  right: 5px;
}
.thankyoupopup1 {
  padding: 35px;
  border: solid 1px #d8d5d5;
  box-shadow: 0 0 30px #5f5f5f;
  background-color: white;
  position: fixed;
  top: 25%;
  left: 20%;
  display: none;
  z-index: 10000;
}
.thankyoupopup1 * {
  text-align: center;
}
.thankyoupopup1 .phoneno {
  font-size: 32px;
}
.thankyoupopup1 .phoneno [class^="icon-"] {
  vertical-align: middle;
}
.thankyoupopup1 .icon-close-gray {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.thankyoupopup1 .icon-close-gray:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.white-overlay {
  background: url(../../images/whitebgopacity.png) repeat;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 100000000;
}
.popupcontactus {
  border: solid 1px #d8d5d5;
  box-shadow: 0 0 50px #5f5f5f;
  background-color: white;
  position: fixed;
  top: 25%;
  left: 35%;
  display: none;
  z-index: 1000000000;
}
.popupcontactus .popupheader {
  background-color: #3e3e3e;
  padding: 25px;
  margin-bottom: 20px;
  position: relative;
  box-shadow: 0px 7px 7px #cccccc;
  border-bottom: solid 1px white;
  position: relative;
}
.popupcontactus .popupheader .title {
  font-size: 30px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  text-align: center;
  text-tansform: capitalize;
  color: white;
}
.popupcontactus .popupheader p {
  color: white;
  text-align: center;
}
.popupcontactus .popupheader .icon-close-white {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.popupcontactus .popupheader .icon-close-white:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.popupcontactus .popupcontact {
  padding: 10px;
}
.popupcontactus .popupcontact p {
  text-align: center;
  color: #848484;
}
@media only screen and (max-height: 850px) {
  .popupcontactus,
  .thankyoupopup1 {
    top: 8%;
  }
}
@media only screen and (max-width: 1030px) {
  .popupcontactus,
  .thankyoupopup1 {
    left: 17%;
  }
}
@media only screen and (max-width: 1280px) {
  .popupcontactus,
  .thankyoupopup1 {
    left: 26%;
  }
}
.post-details {
  color: #9f9f9f;
  font-size: 13px;
  padding: 0 20px 0 1px;
}
/* ----------------------------- End Content ------------------------------------- */
/* back to top */
.btn-backtoptop {
  padding: 0px;
  margin: 0px;
}
.backtotop {
  position: fixed;
  right: 15px;
  bottom: 15px;
  width: 50px;
  height: 25px;
  z-index: 1000000000;
  padding-top: 25px;
  line-height: 25px;
  background: #333333;
  color: #888888;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  background: url(../../images/backtotop.png) no-repeat left top;
}
.backtotop:hover {
  color: #eeeeee;
  background-position: 0 -71px;
}
.opacity .backtotop {
  opacity: 1;
  -webkit-transition: opacity 700ms linear;
  -moz-transition: opacity 700ms linear;
  transition: opacity 700ms linear;
}
.opacity .backtotop.hidden {
  opacity: 0;
}
.no-opacity .backtotop.hidden {
  display: none;
}
/*back to top */
#prevhome {
  background: url(../../images/nav-arrow.png) no-repeat;
  width: 30px;
  height: 62px;
  display: inline-block;
  font-size: 0px;
  text-transform: none;
  border: none;
  color: #141414;
  cursor: pointer;
  left: 3%;
  position: absolute;
  background-position: 0 -80px;
}
#nexthome {
  background: url(../../images/nav-arrow.png) no-repeat;
  width: 30px;
  height: 62px;
  display: inline-block;
  font-size: 0px;
  text-transform: none;
  border: none;
  color: #141414;
  cursor: pointer;
  right: 3%;
  position: absolute;
  background-position: 0 0;
}
/*=============================== footer  =============================== */
.synotive-footer .well-darkgray {
  background: url(../../images/footer-bg.jpg) no-repeat top 52%;
  min-height: 389px;
  background-color: #5a5a5a;
}
.synotive-footer .footer-location {
  min-height: 320px;
  /* background:url(images/footer-location.png) no-repeat 200px 43px; */
  position: relative;
}
.synotive-footer .footer-location .location-image {
  height: 320px;
  background: url(../../images/footer-location.png) no-repeat 200px 43px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  width: 100%;
}
.synotive-footer .footer-location [class^="synotive-address-"] {
  position: absolute;
  width: 220px;
}
.synotive-footer .footer-location [class^="synotive-address-"] .title {
  font-size: 22px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.synotive-footer .footer-location [class^="synotive-address-"] .address {
  color: white;
  padding-top: 3px;
}
.synotive-footer .footer-location .synotive-address-india {
  top: 45px;
  left: 260px;
}
.synotive-footer .footer-location .synotive-address-australia {
  top: 190px;
  left: 445px;
}
.synotive-footer .footer-location .synotive-address-singapore {
  top: 160px ;
  left: 100px;
}
.synotive-footer .footer-location.animate .location-image {
  opacity: 1;
  filter: alpha(opacity=100);
}
.synotive-footer .footer-left {
  width: 400px;
  float: left;
}
.synotive-footer .footer-right {
  width: 400px;
  float: left;
}
.footer .copy-right {
  color: #666666;
}
.footer .copy-right a {
  color: #666666;
}
.footer .copy-right a:hover {
  color: #ababab;
}
.footer .fotter-line {
  color: #b0b0b0;
}
.footer .well-darkgray {
  padding: 20px 0;
  min-height: 60px;
}
.footer a {
  color: #a1a0a0;
  display: inline-block;
  margin: 0 4px;
}
.footer a:first-child {
  margin-left: 0px;
}
.footer a:hover,
.footer .active {
  color: white;
}
.synotive-footer-shade {
  background-color: #4f4f4f;
  background-image: -moz-linear-gradient(top, #474747, #5a5a5a);
  background-image: -ms-linear-gradient(top, #474747, #5a5a5a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#474747), to(#5a5a5a));
  background-image: -webkit-linear-gradient(top, #474747, #5a5a5a);
  background-image: -o-linear-gradient(top, #474747, #5a5a5a);
  background-image: linear-gradient(top, #474747, #5a5a5a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#5a5a5a', GradientType=0);
}
.synotive-footer {
  padding: 0px 0 0 ;
  color: #919191;
  background: url(../../images/footer-world-map.png) no-repeat top center;
  width: 100%;
  min-height: 310px;
}
.synotive-footer * {
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
}
.synotive-footer .synotive-content {
  border-right: none;
  padding: 10px 0 0 ;
  width: 719px;
  float: left;
}
.synotive-footer .synotive-content .title {
  font-size: 16px;
  text-transform: capitalize;
  padding: 0px;
  color: white;
  font-weight: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
}
.synotive-footer .synotive-content ul {
  margin: 7px 0 0 0;
}
.synotive-footer .synotive-content ul li {
  background: none;
  padding: 0px;
  color: #aadcf7;
  font-size: 12px;
  list-style: none;
  font-size: 14px;
}
.synotive-footer .synotive-content ul li a {
  color: #a3a3a3;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
}
.synotive-footer .synotive-content ul li a:hover {
  color: white;
}
.synotive-footer .footer-group {
  margin-right: 5px;
}
.synotive-footer .footer-group .title {
  font-size: 22px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  text-transform: capitalize;
  border-bottom: solid 1px #767676;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.synotive-footer .footer-group a {
  color: lightgray;
  display: block;
  padding: 1px 0px;
}
.synotive-footer .footer-group a:hover {
  background: #6f6f6f;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.synotive-footer .synotive-side-nav {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 160px;
  padding: 10px 10px 10px 30px;
  width: 233px;
  float: right;
  border-left: solid 1px #515151;
}
.synotive-footer .synotive-side-nav .title {
  color: white;
  font-size: 16px;
}
.synotive-footer .synotive-side-nav p:first-child {
  padding-top: 0px;
}
.synotive-footer .synotive-side-nav p {
  color: white;
}
.synotive-footer .synotive-side-nav a {
  color: #ff9c00;
}
.synotive-footer .synotive-side-nav a:hover {
  color: white;
}
.synotive-footer .synotive-side-nav [class^="icon-"] {
  vertical-align: middle;
}
.synotive-footer .synotive-footer-content {
  min-height: 195px;
}
.synotive-footer .synotive-copyright {
  min-height: 15px;
  color: #999a9a;
  font-size: 13px;
}
.synotive-footer .synotive-copyright p {
  color: #999a9a;
}
.synotive-footer .synotive-copyright .copyright-logo {
  width: 140px;
  margin-left: -5px;
}
.synotive-footer .synotive-copyright a {
  color: white;
  display: inline-block;
  border-bottom: dotted 1px transparent;
}
.synotive-footer .synotive-copyright a:hover {
  border-bottom: dotted 1px #cccccc;
}
.synotive-footer .get-in-touch .get-in-touch-left {
  width: 204px;
  float: left;
}
.synotive-footer .get-in-touch .get-in-touch-left .title {
  font-size: 20px;
  text-transform: capitalize;
  color: white;
}
.synotive-footer .get-in-touch .get-in-touch-left .title label {
  display: block;
  font-size: 33px;
  color: #88e800;
  line-height: 32px;
  margin-bottom: 0px;
}
.synotive-footer .get-in-touch .get-in-touch-left p {
  font-size: 12px;
  color: white;
  padding-top: 3px;
}
.synotive-footer .get-in-touch .get-in-touch-left p + p {
  padding-top: 0px;
}
.synotive-footer .get-in-touch .get-in-touch-left .email {
  color: #8ad61e;
}
.synotive-footer .get-in-touch .get-in-touch-left .email a {
  color: #8ad61e;
}
.synotive-footer .get-in-touch .get-in-touch-left .email a:hover {
  color: white;
}
.synotive-footer .get-in-touch .get-in-touch-right {
  width: 60px;
  float: left;
  padding-top: 10px;
}
.footer-world-address {
  position: relative;
}
.footer-world-address [class^="address-sign-"] {
  background: url("bootstrap/img/location-sign.png") no-repeat;
  display: inline-block;
  width: 25px;
  height: 73px;
  vertical-align: top;
}
.footer-world-address .address-sign-india {
  background-position: -47px 0px;
}
.footer-world-address .address-sign-singapore {
  background-position: -2px 0px;
}
.footer-world-address .address-sign-australia {
  background-position: -90px 0px;
  width: 67px;
  height: 168px;
  position: absolute;
}
.footer-world-address .address-sign-adelaide {
  background-position: -2px 0px;
}
.footer-world-address .address-sign-Perth {
  background-position: -47px 0px;
}
.footer-world-address label {
  font-size: 13px;
  color: white;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.footer-world-address .address-india {
  position: absolute;
  left: 220px;
  top: 15px;
}
.footer-world-address .address-singapore {
  position: absolute;
  left: 321px;
  top: 79px;
}
.footer-world-address .address-adelaide {
  position: absolute;
  left: 373px;
  top: 181px;
  text-align: center;
}
.footer-world-address .address-adelaide .singapore {
  display: block;
}
.footer-world-address .address-Perth {
  position: absolute;
  left: 306px;
  top: 190px;
}
.footer-world-address .address-australia {
  position: absolute;
  left: 419px;
  top: 120px;
}
.footer-world-address .address-australia label {
  display: block;
}
.footer-world-address .address-australia .melbourne {
  padding-left: 28px;
}
.footer-world-address .address-australia .sydney {
  padding-left: 48px;
  margin-top: 10px;
}
.footer-world-address .address-australia .brisbane {
  padding-left: 63px;
  margin-top: 10px;
}
/*
 .synotive-footer-container
 {
	height:45px ; position:relative;  z-index: 10000000;
	 .synotive-footer-fix
	 {
		height:46px ; position:relative;  #gradient > .vertical(#505050, #191919);  bottom:0px; left:0px; width:100%;  box-shadow:5px 0 15px #ccc;	 
		.quick-contact-box{			
			position:absolute; top:10px;	#gradient > .vertical(#035a9e, #0093f0); border:solid 1px @white; padding:15px; width:400px; height:270px;  box-shadow:0 0 10px @black;	 
			.title3{ color:@white; }			
		}
		.closequickcontact{ cursor:pointer;}
		.rightcontrol	{ 
			background-color:@black; padding:5px 5px 3px;    #gradient > .vertical(#035a9e, #035da3); 
			position:absolute; right:0px; top:0px;  	
			.icon-close{ .opacity(70) }
			&:hover{ .icon-close{ .opacity(100) } }
		}
		.footer-contactus{ width:100%;   #gradient > .vertical(#505050, #191919); position:relative;  z-index: 10000;   }
		.footer-social-content{  width:460px; float:right; overflow:hidden;
			.socialnetwork{ float:right; min-width:110px;   margin:5px 20px 0 0px;
				a{ height:35px; display:inline-block; width:35px;  float:left; text-align:center; padding-bottom:0px; cursor:pointer; }
			 }
			.synotive-contactno{ float:right; font-size:26px; font-family:@fontface; color:@white; padding-top:5px; font-family:@fontface5;
				.icon-phone-blue{ vertical-align: middle; }
			}
		}
	 
	 }
	 .synotive-footer-fix.noshade
	 {
		box-shadow:0px 0 0px @white;	
	 }
} 

*/
/* ================================= Middle footer  ================================ */
/*------------------------------------------- service color setting ------------------------------------ */
.synotive-container-webdesign ul li {
  background: url(../../images/list-webdesing.png) no-repeat left 5px;
  padding: 4px 0 4px 23px;
}
.synotive-container-webdesign ul.bullet li {
  background: url(../../images/icons/bullet-orange.png) no-repeat 5px 12px;
  padding: 5px 0 5px 25px;
}
.synotive-container-webdesign .side-testimonials-panel li {
  padding: 7px 0 7px 25px;
  background: url(../../images/icons/bullet-orange.png) no-repeat 7px 11px;
}
.synotive-container-webdesign .side-testimonials-panel li .testimonials-details .title-name {
  color: #e67700;
}
.synotive-container-software ul li {
  background: url(../../images/list-software.png) no-repeat left 5px;
  padding: 4px 0 4px 23px;
}
.synotive-container-software ul.bullet li {
  background: url(../../images/icons/bullet.png) no-repeat 5px 12px;
  padding: 5px 0 5px 25px;
}
.synotive-container-software .side-testimonials-panel li {
  padding: 7px 0 7px 25px;
  background: url(../../images/icons/bullet.png) no-repeat 7px 11px;
}
.synotive-container-software .side-testimonials-panel li .testimonials-details .title-name {
  color: #0171ab;
}
.synotive-container-seo ul li {
  background: url(../../images/list-seo.png) no-repeat left 5px;
  padding: 4px 0 4px 23px;
}
.synotive-container-seo ul.bullet li {
  background: url(../../images/icons/bullet-green.png) no-repeat 5px 12px;
  padding: 5px 0 5px 25px;
}
.synotive-container-seo .side-testimonials-panel li {
  padding: 7px 0 7px 25px;
  background: url(../../images/icons/bullet-green.png) no-repeat 7px 11px;
}
.synotive-container-seo .side-testimonials-panel li .testimonials-details .title-name {
  color: #73af00;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li {
  background: url(../../images/icons/bullet.png) no-repeat 20px 10px;
  padding: 8px 0 8px 35px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial, sans-serif;
  font-size: 13px;
  color: #747474;
  line-height: 13px;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li a {
  font-size: 12px;
  color: black;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li a {
  color: black;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li:hover {
  box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.06);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li.software:hover {
  box-shadow: inset 0px 0px 85px rgba(1, 130, 196, 0.1);
  -webkit-box-shadow: inset 0px 0px 85px rgba(1, 130, 196, 0.1);
  -moz-box-shadow: inset 0px 0px 85px rgba(1, 130, 196, 0.1);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li.webdesign:hover {
  box-shadow: inset 0px 0px 85px rgba(255, 135, 7, 0.1);
  -webkit-box-shadow: inset 0px 0px 85px rgba(255, 135, 7, 0.1);
  -moz-box-shadow: inset 0px 0px 85px rgba(255, 135, 7, 0.1);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
[class^="synotive-container-"] .synotive-sidebar ul.bullet li.internetmarketing:hover {
  box-shadow: inset 0px 0px 85px rgba(137, 206, 7, 0.1);
  -webkit-box-shadow: inset 0px 0px 85px rgba(137, 206, 7, 0.1);
  -moz-box-shadow: inset 0px 0px 85px rgba(137, 206, 7, 0.1);
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.socialnetwork a {
  height: 35px;
  display: inline-block;
  width: 35px;
  float: left;
  text-align: center;
  padding-bottom: 0px;
  cursor: pointer;
}
.synotive-container {
  /*position:relative;*/
  z-index: 10;
}
.synotive-footer-container {
  height: 45px ;
  position: relative;
  z-index: 1000000;
}
.synotive-footer-container .synotive-footer-fix {
  height: 46px ;
  position: relative;
  background-color: #000C5D;
  /*background-image: -moz-linear-gradient(top, #505050, #191919);
  background-image: -ms-linear-gradient(top, #505050, #191919);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#191919));
  background-image: -webkit-linear-gradient(top, #505050, #191919);
  background-image: -o-linear-gradient(top, #505050, #191919);
  background-image: linear-gradient(top, #505050, #191919);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#191919', GradientType=0); */
  bottom: 0px;
  left: 0px;
  width: 100%;
  box-shadow: 5px 0 15px #cccccc;
}
.synotive-footer-container .synotive-footer-fix .quick-contact-box {
  position: absolute;
  top: -315px;
  display: none;
  background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #035a9e, #0093f0);
  background-image: -ms-linear-gradient(top, #035a9e, #0093f0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#035a9e), to(#0093f0));
  background-image: -webkit-linear-gradient(top, #035a9e, #0093f0);
  background-image: -o-linear-gradient(top, #035a9e, #0093f0);
  background-image: linear-gradient(top, #035a9e, #0093f0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#035a9e', endColorstr='#0093f0', GradientType=0);
  border: solid 1px white;
  padding: 15px;
  width: 400px;
  height: 270px;
  box-shadow: 0 0 10px black;
  z-index: 10000000;
}
.synotive-footer-container .synotive-footer-fix .quick-contact-box .title31 {
  color: white;
  padding-bottom: 7px;
}
.synotive-footer-container .synotive-footer-fix .closequickcontact {
  cursor: pointer;
}
.synotive-footer-container .synotive-footer-fix .rightcontrol {
  background-color: black;
  padding: 5px 5px 3px;
  background-color: #035ba0;
  background-image: -moz-linear-gradient(top, #035a9e, #035da3);
  background-image: -ms-linear-gradient(top, #035a9e, #035da3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#035a9e), to(#035da3));
  background-image: -webkit-linear-gradient(top, #035a9e, #035da3);
  background-image: -o-linear-gradient(top, #035a9e, #035da3);
  background-image: linear-gradient(top, #035a9e, #035da3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#035a9e', endColorstr='#035da3', GradientType=0);
  position: absolute;
  right: 0px;
  top: 0px;
}
.synotive-footer-container .synotive-footer-fix .rightcontrol .icon-close {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.synotive-footer-container .synotive-footer-fix .rightcontrol:hover .icon-close {
  opacity: 1;
  filter: alpha(opacity=100);
}
.synotive-footer-container .synotive-footer-fix .footer-contactus {
  width: 100%;
  background-color: #000C5D;
 /*background-image: -moz-linear-gradient(top, #505050, #191919);
  background-image: -ms-linear-gradient(top, #505050, #191919);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#191919));
  background-image: -webkit-linear-gradient(top, #505050, #191919);
  background-image: -o-linear-gradient(top, #505050, #191919);
  background-image: linear-gradient(top, #505050, #191919);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#191919', GradientType=0); */
  position: relative;
  z-index: 1000000000;
}
.synotive-footer-container .synotive-footer-fix .footer-social-content {
  width: 460px;
  float: right;
  overflow: hidden;
}
.synotive-footer-container .synotive-footer-fix .footer-social-content .socialnetwork {
  float: right;
  min-width: 110px;
  margin: 5px 20px 0 0px;
}
.synotive-footer-container .synotive-footer-fix .footer-social-content .socialnetwork a {
  height: 35px;
  display: inline-block;
  width: 35px;
  float: left;
  text-align: center;
  padding-bottom: 0px;
  cursor: pointer;
}
.synotive-footer-container .synotive-footer-fix .footer-social-content .synotive-contactno {
  float: right;
  font-size: 26px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  padding-top: 5px;
}
.synotive-footer-container .synotive-footer-fix .footer-social-content .synotive-contactno .icon-phone-blue {
  vertical-align: middle;
}
.synotive-footer-container .synotive-footer-fix.noshade {
  box-shadow: 0px 0 0px white;
}
.margin-right1 {
  margin-right: 10px;
}
.synotive-portfolio-container {
  position: relative;
}
.synotive-portfolio-container .portfolio-display-title {
  width: 594px;
  height: 154px;
  postion: absolute;
  top: 0px;
  left: 0px;
  margin-bottom: -154px;
}
.synotive-portfolio-container .portfolio-display-title .portfolio-title {
  font-size: 30px;
  text-transform: capitalize;
}
.synotive-portfolio-container .portfolio-display-title .portfolio-title .largetext {
  font-size: 50px;
  text-transform: capitalize;
  line-height: 50px;
}
.synotive-portfolio-container .portfolio-display-title p {
  padding: 0px;
}
.synotive-portfolio-container .portfolionav {
  position: absolute;
  z-index: 2000;
  display: block !important;
  bottom: 0px;
  right: 26px;
  width: 230px;
}
.synotive-portfolio-container .portfolionav a {
  float: right;
  cursor: pointer;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.synotive-portfolio-container .portfolionav a [class^="icon-arrow-"] {
  margin: 60px 0 0 58px;
}
.synotive-portfolio-container .portfolionav .btn-pre {
  width: 50%;
  height: 183px;
  display: inline-block;
  background: black;
}
.synotive-portfolio-container .portfolionav .btn-pre:hover {
  background: #2e2e2e;
}
.synotive-portfolio-container .portfolionav .btn-next {
  width: 50%;
  height: 183px;
  display: inline-block;
  background: #84c800;
}
.synotive-portfolio-container .portfolionav .btn-next:hover {
  background: #6ca400;
}
.synotive-portfolio-container .portfolio-rotate-container {
  position: relative;
  width: 100%;
  min-height: 150px;
  overflow: hidden;
  margin-bottom: 20px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox {
  width: 973px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul {
  margin: 0px;
  padding: 0px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li {
  background: none;
  float: left;
  padding: 0px;
  height: 169px;
  width: 216px;
  border: solid 1px #848484;
  position: relative;
  margin-bottom: 10px;
  padding: 5px;
  box-shadow: 0 0 5px #cccccc;
  margin-left: 15px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li > a {
  position: relative;
  display: block;
  z-index: 10;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li > a .overlay {
  height: 100%;
  width: 100%;
  background: black;
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li > a:hover .overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  -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;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .pirobox img {
  width: 100%;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip {
  position: absolute;
  height: 158px;
  width: 206px;
  background-color: #049cdb;
  right: -195px;
  top: 0px;
  z-index: 100000;
  display: none;
  padding: 10px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip .title {
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  color: white;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip .desc {
  font-size: 14px;
  color: white;
  height: 112px;
  overflow: hidden;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip .links {
  text-align: right;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip .links a {
  color: white;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltiptop {
  left: 0px;
  top: -155px;
  background-color: #0182c4;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipright {
  right: -198px;
  top: 0px;
  background-color: #bf1f4b;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipbottom {
  right: 0px;
  top: 155px;
  background-color: #dd582f;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipleft {
  left: -198px;
  top: 0px;
  background-color: #00bc8d;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipmiddle {
  left: 0px;
  top: 0px;
  background-color: #00bc8d;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip:after {
  content: "";
  display: inline-block;
  position: absolute;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltiptop:after {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid #0182c4;
  bottom: -10px;
  left: 40%;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipright:after {
  border-bottom: 10px solid transparent;
  border-right: 10px solid #bf1f4b;
  border-top: 10px solid transparent;
  left: -10px;
  top: 40%;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipbottom:after {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #dd582f;
  top: -10px;
  left: 40%;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.tooltipleft:after {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #00bc8d;
  border-top: 10px solid transparent;
  right: -10px;
  top: 40%;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color1 {
  background-color: rgba(0, 0, 0, 0.8);
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color2 {
  background-color: #bf1f4b;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color3 {
  background-color: #dd582f;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color4 {
  background-color: #00bc8d;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color5 {
  background-color: #2f8df1;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color1.tooltipleft:after {
  border-left: 10px solid #0182c4;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color2.tooltipleft:after {
  border-left: 10px solid #bf1f4b;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color3.tooltipleft:after {
  border-left: 10px solid #dd582f;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color4.tooltipleft:after {
  border-left: 10px solid #00bc8d;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color5.tooltipleft:after {
  border-left: 10px solid #2f8df1;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color1.tooltipright:after {
  border-right: 10px solid #0182c4;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color2.tooltipright:after {
  border-right: 10px solid #bf1f4b;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color3.tooltipright:after {
  border-right: 10px solid #dd582f;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color4.tooltipright:after {
  border-right: 10px solid #00bc8d;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li .portfolio-detail-tooltip.color5.tooltipright:after {
  border-right: 10px solid #2f8df1;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li:first-child {
  margin-left: 745px;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul .active .overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  -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;
}
.main-content h1 {
  text-align: center;
}
.portfolio-detail-rotate {
  height: 635px;
  overflow: hidden;
}
.portfolio-control-panel {
  text-align: center;
  margin-left: 175px;
  margin-top: -100px;
  position: absolute;
  z-index: 100000;
}
.portfolio-control-panel a {
  margin-right: 25px;
  cursor: pointer;
  padding: 10px;
}
.portfolio-control-panel a:hover {
  background-color: white;
}
.portfolionav {
  position: absolute;
  z-index: 2000;
  display: block !important;
  bottom: 0px;
  right: 0px;
}
.portfolionav a {
  float: right;
  cursor: pointer;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}
.portfolionav a [class^="icon-arrow-"] {
  margin: 60px 0 0 80px;
}
.portfolionav .btn-pre {
  width: 198px;
  height: 159px;
  display: inline-block;
  background: black;
}
.portfolionav .btn-pre:hover {
  background: #2e2e2e;
}
.portfolionav .btn-next {
  width: 198px;
  height: 159px;
  display: inline-block;
  background: #84c800;
}
.portfolionav .btn-next:hover {
  background: #6ca400;
}
.service-category-list .bullet li {
  background: none !important;
  padding: 14px 0 14px 22px  !important;
}
.service-category-list .bullet li a {
  font-size: 17px !important;
  font-weight: 600;
  color: #2f2f2f !important;
}
.service-category-list .bullet li:first-child {
  border-top: 1px solid #d5d5d5;
}
.service-category-list .service-block li > a .iconcontent {
  float: left;
  margin-right: 10px;
  min-height: 45px;
}
.service-category-list .service-block li > a .title {
  font-size: 19px;
}
.service-category-list .service-block li > a .small-desc {
  font-size: 13px;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}
.service-category-list .service-block li > a * {
  cursor: pointer;
}
.service-category-list + .btn-requestcallback {
  margin: 5px 0 0 -20px;
  border-top: none;
}
.synotive-sidebar .service-category-list:first-child .bullet {
  margin: 0px 0 0 -20px;
}
.synotive-sidebar .service-category-list:first-child .bullet li:first-child {
  border-top: none;
}
.synotive-sidebar .btn-requestcallback:first-child {
  border-top: none;
  margin: 0px 0 0 -20px;
}
/*------------------------------------------- End service color setting ------------------------------------ */
.title31 {
  font-size: 25px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
  color: #ffb400;
}
.labelError {
  color: #da0515;
}
.portfolio-detail-page {
  text-align: center;
  position: relative;
}
.portfolio-detail-page img[src*="-mobile.jpg"] {
  max-height: 580px;
  min-height: 0;
}
.portfolio-detail-page samp {
  height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url(../../images/bottomshade.png) repeat-x;
}
.ie7 img[src*="generic-banner-software1.png"] {
  margin-top: 84px;
}
.ie7 img[src*="generic-banner-webdesign.png"] {
  margin-top: 90px;
}
.ie7 .synotive-highlights .synotive-casestudies {
  width: 240px !important;
}
.ie7 .synotive-highlights .synotive-webdesigportfolio {
  width: 232px  !important;
}
.ie7 .synotive-highlights .synotive-successstories {
  width: 220px  !important;
}
.ie9 .icon-linkedin:hover,
.ie8 .icon-linkedin:hover,
.ie7 .icon-linkedin:hover {
  background-color: #61c0ff;
}
.ie9 .icon-googleplus:hover,
.ie8 .icon-googleplus:hover,
.ie7 .icon-googleplus:hover {
  background-color: #fb432b;
}
.ie9 .icon-facebook:hover,
.ie8 .icon-facebook:hover,
.ie7 .icon-facebook:hover {
  background-color: #0984dd;
}
.ie9 .icon-blogger:hover,
.ie8 .icon-blogger:hover,
.ie7 .icon-blogger:hover {
  background-color: #fe8136;
}
.piro_html {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  width: 500px;
  height: 500px;
  margin: 0;
  display: block;
  padding: 0;
  z-index: 150000001;
  padding: 0;
}
.piro_html table,
.piro_html tbody,
.piro_html tr,
.piro_html th,
.piro_html td {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html img {
  margin: 0;
  padding: 0;
  border: none;
}
.piro_html .h_t_l {
  width: 10px;
  height: 10px;
  background: url(../../images/pirobox/new_skin.png) top left no-repeat;
}
.piro_html .h_t_r {
  width: 10px;
  height: 10px;
  background: url(../../images/pirobox/new_skin.png) top right no-repeat;
}
.piro_html .h_t_c {
  cursor: move;
  height: 10px;
  background: url(../../images/pirobox/new_skin_top.png) top repeat-x;
}
.piro_html .h_c_l {
  width: 10px;
  background: url(../../images/pirobox/new_skin_left.png) left repeat-y;
}
.piro_html .h_c_c {
  background: url(../../images/pirobox/caption.png);
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg {
  background: url(../../images/pirobox/caption.png);
  width: 480px;
  overflow: hidden;
  height: 480px;
  margin: 0;
  padding: 0;
}
.piro_html .h_c_c .div_reg img {
  cursor: move;
}
.piro_html .h_c_r {
  width: 10px;
  background: url(../../images/pirobox/new_skin_left.png) right repeat-y;
}
.piro_html .h_b_c {
  cursor: move;
  height: 10px;
  background: url(../../images/pirobox/new_skin_top.png) bottom repeat-x;
}
.piro_html .h_b_l {
  width: 10px;
  height: 10px;
  background: url(../../images/pirobox/new_skin.png) bottom left no-repeat;
}
.piro_html .h_b_r {
  width: 10px;
  height: 10px;
  background: url(../../images/pirobox/new_skin.png) bottom right no-repeat;
}
.piro_html .btn_info {
  position: absolute;
  bottom: -7px;
  right: -7px;
  width: 25px;
  height: 25px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: pointer;
  background: none;
  z-index: 1500440;
}
.piro_html .caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  display: block;
  padding: 0px;
  color: black;
  cursor: text;
  background: url(../../images/pirobox/caption.png);
  z-index: 150018;
}
.piro_html .caption p {
  display: block;
  margin: 0;
  padding: 7px 5px;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  color: white;
  z-index: 150019;
  color: white;
}
.piro_html .nav_container {
  position: absolute;
  right: 5px;
  bottom: -20px;
  height: 25px;
  width: 60px;
  background: url(../../images/pirobox/bottom_nav.png) bottom;
  z-index: 1500190000000;
}
.piro_html .piro_close {
  position: absolute;
  right: 20px;
  top: 0;
  height: 20px;
  width: 20px;
  background: transparent url(../../images/pirobox/close.png) no-repeat center center;
  cursor: pointer;
  margin: 0 0 0 0;
  z-index: 150022;
  display: none;
}
.piro_html a.piro_next {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url(../../images/pirobox/next.png) center right no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150023;
}
.piro_html a:hover.piro_next {
  background: url(../../images/pirobox/next.png) center right no-repeat;
}
.piro_html .piro_next_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 0px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url(../../images/pirobox/next.png) center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
.piro_html .piro_prev_fake {
  position: absolute;
  width: 20px;
  top: 0;
  right: 40px;
  height: 20px;
  outline: none;
  text-indent: -999em;
  display: none;
  margin: 0;
  background: url(../../images/pirobox/prev.png) center right no-repeat;
  border: none;
  cursor: auto;
  z-index: 150020;
}
.piro_html a.piro_prev {
  position: absolute;
  width: 20px;
  right: 40px;
  top: 0;
  height: 20px;
  text-indent: -999em;
  outline: none;
  display: block;
  margin: 0;
  background: url(../../images/pirobox/prev.png) center left no-repeat;
  border: none;
  cursor: pointer;
  z-index: 150024;
}
.piro_html a:hover.piro_prev {
  background: url(../../images/pirobox/prev.png) center left no-repeat;
}
.piro_html a.close_pirobox {
  color: #bb0f05;
}
.piro_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 150000;
  background: white;
  display: none;
  cursor: pointer;
}
.piro_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -59px 0 0 -59px;
  width: 118px;
  height: 118px;
  display: block;
  z-index: 150005;
  cursor: pointer;
}
.piro_loader span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  margin-left: -36px;
  width: 72px;
  height: 72px;
  display: block;
  z-index: 150009;
  background: url(../../images/pirobox/loadinfo.gif) center top no-repeat;
}
.piro_title {
  position: fixed;
  background: url(../../images/pirobox/bg_title.html) bottom repeat-x;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
  padding: 6px 0 10px 0;
  color: white;
  z-index: 150000;
  font-size: 18px;
  display: none;
}
.t-widget.t-grid {
  border-style: solid;
  border-width: 0;
}
.t-grid tbody td {
  padding: 0px;
}
.t-grid tbody tr {
  display: inlie-block;
  float: left;
}
#divCaptcha {
  display: inline !important;
}
#divCaptcha1 {
  display: inline !important;
}
.span6 img {
  vertical-align: middle;
}
.captchaSpan {
  margin-left: 0.99%;
}
.captchaSpanPopup {
  margin-top: 16px !important;
}
.homepage-content.newchanges .synotive-banner-container {
  height: 409px;
  left: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.homepage-content.newchanges .synotive-banner-container .banner-software {
  background: url(../../images/banner/banner-software-home.jpg) repeat-x center 0px;
  height: 344px;
  width: 100% !important;
}
.homepage-content.newchanges .synotive-banner-container .banner-web {
  background: url(../../images/banner/banner-website-home.jpg) repeat-x center 0px;
  height: 344px;
  width: 100%  !important;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo {
  background: url(../../images/banner/banner-seo-home.jpg) repeat-x center 0px;
  height: 344px;
  width: 100%  !important;
}
.homepage-content.newchanges .synotive-banner-container .banner-content-right {
  padding-top: 29px;
  width: 590px;
}
.homepage-content.newchanges .synotive-banner-container .banner-content-right img {
  width: 90%;
  float: right;
}
.homepage-content.newchanges .synotive-banner-container .banner-software .banner-content-left1 {
  margin-top: 35px;
}
.homepage-content.newchanges .synotive-banner-container .banner-software .banner-content-left1 .btn-quote {
  padding: 11px 35px 12px 20px;
  margin: 50px 0px 0px 0px;
  border: solid 1px;
  background: transparent;
}
.homepage-content.newchanges .synotive-banner-container .banner-software .banner-content-left1 .btn-quote:hover {
  background: #1d90b1;
  color: white;
  border-color: white;
}
.homepage-content.newchanges .synotive-banner-container .banner-software .banner-content-right {
  width: 541px;
  padding-top: 0px;
  right: 0px;
  top: 104px;
}
.homepage-content.newchanges .synotive-banner-container .banner-software .banner-content-right img {
  width: 100%;
}
.homepage-content.newchanges .synotive-banner-container .banner-web .banner-content-left1 {
  margin-top: 35px;
}
.homepage-content.newchanges .synotive-banner-container .banner-web .banner-content-left1 .btn-quote {
  padding: 11px 35px 12px 20px;
  margin: 50px 0px 0px 0px;
  border: solid 1px;
  background: transparent;
}
.homepage-content.newchanges .synotive-banner-container .banner-web .banner-content-left1 .btn-quote:hover {
  background: #ee7c26;
  color: white;
  border-color: white;
}
.homepage-content.newchanges .synotive-banner-container .banner-web .banner-content-right {
  width: 450px;
  padding-top: 0px;
  right: 80px;
  top: 0px;
}
.homepage-content.newchanges .synotive-banner-container .banner-web .banner-content-right img {
  width: auto;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo .banner-content-left1 {
  margin-top: 35px;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo .banner-content-left1 .btn-quote {
  padding: 11px 35px 12px 20px;
  margin: 50px 0px 0px 0px;
  border: solid 1px;
  background: transparent;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo .banner-content-left1 .btn-quote:hover {
  background: #0f970a;
  color: white;
  border-color: white;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo .banner-content-right {
  width: 600px;
  padding-top: 0px;
  right: 0px;
  top: 10px;
}
.homepage-content.newchanges .synotive-banner-container .banner-seo .banner-content-right img {
  width: 100%;
}
.homepage-content.newchanges .servicelist1 {
  margin: 25px 0 0 0 !important;
}
.homepage-content.newchanges .servicelist1 li {
  background: none;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  border-left: solid 1px #d2d2d2;
  padding: 3px 10px 3px 52px;
  position: relative;
  float: left;
  display: inline-block;
}
.homepage-content.newchanges .servicelist1 li .iconbox1 {
  width: 40px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 0px;
  height: 40px;
}
.homepage-content.newchanges .servicelist1 li:first-child {
  border-left: none;
  padding: 3px 10px 3px 50px;
}
.homepage-content.newchanges .servicelist1 li:first-child .iconbox1 {
  left: 0px;
}
.homepage-content.newchanges .servicelist1 li a {
  color: black;
}
.homepage-content.newchanges .servicelist1 li:hover {
  background-color: #f4f4f4;
}
.homepage-content.newchanges .servicelist li {
  background: none;
  padding: 5px 0 5px 0px;
  float: left;
  margin-left: 9px;
  width: 98%;
}
.homepage-content.newchanges .accordian-content1 {
  padding: 45px 0px 15px 0px;
  clear: both;
  position: relative;
}
.homepage-content.newchanges .accordian-content1 .heading1 {
  margin-bottom: 5px;
  line-height: 30px;
  font-weight: bold;
  font-size: 29px;
}
.homepage-content.newchanges .accordian-content1 [class^="accordianbox"] {
  padding-top: 25px;
  height: 290px !important;
}
.homepage-content.newchanges .accordian-content1 .iconbox {
  margin-right: 4px;
  padding: 7px 8px 5px;
}
.homepage-content.newchanges .accordian-content1 .title5 {
  font-weight: bold;
}
.homepage-content.newchanges .accordian-content1 .servicelist {
  margin: 15px -26px 0 0;
}
.homepage-content.newchanges .accordian-content1 .servicelist li {
  min-height: 35px;
  list-style: none;
  background: none;
  padding: 0 0 5px 0;
}
.homepage-content.newchanges .accordian-content1 .servicelist li a {
  color: black;
}
.homepage-content.newchanges .accordian-content1 .servicelist li .iconbox {
  height: 30px !important;
}
.homepage-content.newchanges .accordian-content1 .iconbox-orange {
  overflow: hidden;
}
.homepage-content.newchanges .accordian-content1 .iconbox-orange {
  overflow: hidden;
}
.homepage-content.newchanges .accordian-content1 .activetab .servicelist li .iconbox-orange [class^="icon-"] {
  -webkit-animation: moveFromTop 500ms ease;
  -moz-animation: moveFromTop 500ms ease;
  -ms-animation: moveFromTop 500ms ease;
}
.homepage-content.newchanges .accordian-content1 .servicelist li a {
  line-height: 34px;
  display: block;
}
.homepage-content.newchanges .accordian-content1 .servicelist li:hover .iconbox-orange [class^="icon-"] {
  -webkit-animation: moveFromTop1 200ms ease;
  -moz-animation: moveFromTop1 200ms ease;
  -ms-animation: moveFromTop1 200ms ease;
}
.homepage-content.newchanges .accordian-content1 .accordianbox-software .iconbox {
  background: #0182c4;
  border: none;
}
.homepage-content.newchanges .accordian-content1 .accordianbox-website .iconbox {
  border: none;
}
.homepage-content.newchanges .accordian-content1 .accordianbox-seo .iconbox {
  background: #84c800;
  border: none;
}
.homepage-content.newchanges .accordian-content1 .accordianbox-backoffice .iconbox {
  background: #ffb100;
  border: none;
}
.homepage-content.newchanges .accordianbox-website .servicelist a:hover,
.homepage-content.newchanges .accordianbox-website .servicelist.active a {
  background-color: #ffedd9;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.homepage-content.newchanges .accordianbox-software .servicelist a:hover,
.homepage-content.newchanges .accordianbox-software .servicelist.active a {
  background-color: #d1efff;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.homepage-content.newchanges .accordianbox-seo .servicelist a:hover,
.homepage-content.newchanges .servicepanel-internetmarketing .servicelist a:hover,
.homepage-content.newchanges .accordianbox-seo .servicelist.active a,
.homepage-content.newchanges .servicepanel-internetmarketing .servicelist.active a {
  background-color: #e6f7c2;
  color: black;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.homepage-content.newchanges .main-content h1 {
  font-size: 34px;
  line-height: 40px;
}
.homepage-content.newchanges .synotive-header-container {
  z-index: 10000000;
}
.accordian-content .accordianbox-website .iconbox {
  /*  background: #ff8400; Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y0NzcwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkODU1MTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ff8400 0%, #f47705 50%, #d85512 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8400), color-stop(50%, #f47705), color-stop(100%, #d85512));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff8400 0%, #f47705 50%, #d85512 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff8400 0%, #f47705 50%, #d85512 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff8400 0%, #f47705 50%, #d85512 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff8400 0%, #f47705 50%, #d85512 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8400', endColorstr='#d85512', GradientType=0);
  /* IE6-8 */
  border: solid 1px #d55314;
}
hr.divider-shadow {
  margin-left: -30px;
  margin-right: -30px;
  padding-bottom: 20px;
  background: url(../../images/hr-shadow.png) no-repeat center;
  border-bottom: 0;
  margin-top: 30px;
  margin-bottom: 40px;
  border: none !important;
}
.synotive-header-container .synotive-toplinksection {
  position: absolute;
  top: 17px;
  right: 0;
}
.synotive-header-container .synotive-toplinksection .top-contactno {
  position: relative;
  top: auto;
  right: auto;
  font-size: 25px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  text-shadow: 1px 1px #181818;
  float: left;
  margin-top: 6px;
}
.synotive-header-container .synotive-toplinksection .top-contactno [class^="icon-"] {
  vertical-align: middle;
}
.synotive-header-container .synotive-toplinksection .synotive-getafreequote {
  float: left;
}
.synotive-header-container .synotive-toplinksection .synotive-getafreequote a {
  font-size: 17px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  color: white;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Signika', sans-serif;
  float: left;
  padding: 3px 15px;
  background-color: rgba(5, 21, 53, 0.5);
  /* background-color:#051535; */
  text-transform: uppercase;
  line-height: 26px;
  margin-left: 25px;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.synotive-header-container .synotive-toplinksection .synotive-getafreequote a:hover {
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background-color: black;
}
/* -----------------------             New Changes 12-06-2014                ------------------------------ */
.btn-quote-blue,
.btn-quote-blue:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #076799;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.btn-quote-orange,
.btn-quote-orange:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #d55314;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.btn-quote-green,
.btn-quote-green:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #84c800;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.btn-quote-brown,
.btn-quote-brown:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #a87c33;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.btn-quote-purple,
.btn-quote-purple:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #753684;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-blue,
.learn-more-blue:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #076799;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-orange,
.learn-more-orange:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #d55314;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-green,
.learn-more-green:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #84c800;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-brown,
.learn-more-brown:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #a87c33;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-purple,
.learn-more-purple:visited {
  clear: both;
  display: block;
  margin: 20px 0px 0px;
  color: #753684;
  font-size: 15px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
}
.learn-more-button {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, white, #ebebeb);
  background-image: -ms-linear-gradient(top, white, #ebebeb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#ebebeb));
  background-image: -webkit-linear-gradient(top, white, #ebebeb);
  background-image: -o-linear-gradient(top, white, #ebebeb);
  background-image: linear-gradient(top, white, #ebebeb);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#ebebeb', GradientType=0);
  display: inline-block;
  border: solid 1px #cacaca;
  padding: 5px 8px;
  color: #2c2c2c;
  color: black;
}
.learn-more-button:hover {
  background-color: #f3f3f3;
  background-image: -moz-linear-gradient(top, white, #e1e1e1);
  background-image: -ms-linear-gradient(top, white, #e1e1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, white, #e1e1e1);
  background-image: -o-linear-gradient(top, white, #e1e1e1);
  background-image: linear-gradient(top, white, #e1e1e1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#e1e1e1', GradientType=0);
  color: black;
}
.nav-top-block {
  float: left;
  width: 100%;
  padding: 5px 0px 10px;
  position: fixed;
  z-index: 100000;
  /*	background: #4b4b4b; /* Old browsers */

  /* IE9 SVG, needs conditional override of 'filter' to 'none' */

  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/

  /*background: -moz-linear-gradient(top,  #4b4b4b 0%, #1a1a1a 100%);*/

  /* FF3.6+ */

  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(100%,#1a1a1a));*/

  /* Chrome,Safari4+ */

  /*background: -webkit-linear-gradient(top,  #4b4b4b 0%,#1a1a1a 100%);*/

  /* Chrome10+,Safari5.1+ */

  /*background: -o-linear-gradient(top,  #4b4b4b 0%,#1a1a1a 100%); */

  /* Opera 11.10+ */

  /*background: -ms-linear-gradient(top,  #4b4b4b 0%,#1a1a1a 100%);*/

  /* IE10+ */

  /*background: linear-gradient(to bottom,  #4b4b4b 0%,#1a1a1a 100%); */

  /* W3C */

  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#1a1a1a',GradientType=0 ); */

  /* IE6-8 */

}
.home-content-block-one .h1 {
  color: #1a1a1a;
  font-size: 32px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.home-content-block-one p {
  color: #2e2e2e;
  font-size: 15x;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.well-gray-one {
  background: #e8e8e8;
  padding: 20px 0px;
}
.well-gray-one .image-one {
  float: left;
  margin: -5px 10px 0 -15px;
  height: 270px;
}
.well-gray-one .content-right {
  float: left;
  padding-top: 0px;
}
.well-gray-one .heading-one {
  margin: 25px 0px 15px;
  float: left;
  width: 100%;
  color: #1a1a1a;
  font-size: 30px;
  line-height: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.well-gray-one p {
  font-size: 15px;
  color: #414141;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.latest-tech-block-container {
  float: left;
  width: 100%;
  margin: 25px 0px 0px;
}
.latest-tech-block-container .title2 {
  margin-bottom: 20px;
}
.latest-tech-block-one,
.latest-tech-block-two {
  float: left;
  width: 47%;
  padding: 10px 10px 10px;
  border: 1px solid #e2e2e2;
}
.latest-tech-block-one .image-left,
.latest-tech-block-two .image-left {
  float: left;
  border: 1px solid #e2e2e2;
  height: 100px;
  width: 150px;
}
.latest-tech-block-one .image-left img,
.latest-tech-block-two .image-left img {
  max-width: 100%;
  height: 100%;
}
.latest-tech-block-one .content-right,
.latest-tech-block-two .content-right {
  float: left;
  margin: 10px 10px 0px;
  max-width: 63%;
}
.latest-tech-block-one .content-right .title-one,
.latest-tech-block-two .content-right .title-one,
.latest-tech-block-one .content-right .title-one a,
.latest-tech-block-two .content-right .title-one a,
.latest-tech-block-one .content-right .title-one a:visited,
.latest-tech-block-two .content-right .title-one a:visited {
  font-size: 18px;
  color: #1a1a1a;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.latest-tech-block-one .content-right .post-date,
.latest-tech-block-two .content-right .post-date {
  float: left;
  clear: both;
  padding-top: 2px;
  width: 100%;
  color: #909090;
  font-size: 13px;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-style: italic;
}
.latest-tech-block-one .content-right .post-date .icon-calendar-gray-one,
.latest-tech-block-two .content-right .post-date .icon-calendar-gray-one {
  float: left;
  margin-top: -1px;
}
.latest-tech-block-one .content-right p,
.latest-tech-block-two .content-right p {
  float: left;
  clear: both;
  font-size: 15px;
  color: #676767;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
}
.latest-tech-block-one .content-right .readmore-one,
.latest-tech-block-two .content-right .readmore-one {
  color: #1672b9;
}
.latest-tech-block-two {
  float: right;
}
.panel-address ul li {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 2px 0;
}
.panel-address ul {
  margin: 10px 0 0;
}
.connectcontactus .address {
  min-height: 90px;
}
.connectcontactus .panel-address {
  min-height: 70px;
}
.connectcontactus .col-lg-3 {
  width: 30%;
  min-height: 400px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.margin-top-5 {
  margin-top: -5px;
}
.connectcontactus .address {
  clear: both;
  float: left;
  min-height: 80px;
  width: 100%;
}
.connectcontactus .address.singapore {
  min-height: 30px;
}
.countrytitle {
  clear: both;
  font-size: 22px;
  font-weight: normal;
}
.connectcontactus .panel-address {
  clear: both;
  float: left;
  min-height: 85px;
}
.connectcontactus .panel-address.singapore {
  min-height: 30px;
}
.video-block-one {
  float: left;
  clear: both;
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: #303030;
  font-size: 17px;
  line-height: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
  color: white;
}
.video-block-one .video-link-title {
  float: left;
  margin: 15px 0px;
  width: 100%;
  text-align: center;
  font-size: 29px;
  line-height: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: normal;
  color: white;
  text-transform: uppercase;
}
.video-block-one .icon-education,
.video-block-one .icon-governance,
.video-block-one .icon-telecom,
.video-block-one .icon-insurance,
.video-block-one .icon-legal,
.video-block-one .icon-healthcare {
  margin: 0px auto;
  display: table;
  color: white;
}
.video-block-one .circle-gray {
  border: solid 1px #6b6b6b;
  padding-top: 20px;
  margin-bottom: 5px;
  width: 85px;
  height: 60px;
  text-align: center;
  display: table;
  margin: auto;
  border-radius: 70px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
}
.video-block-one .link-one a,
.video-block-one .link-one a:visited {
  color: white;
}
.video-block-one .link-one:hover .circle-gray {
  border-color: white;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.video-block-one .link-one,
.video-block-one .link-one:visited {
  color: white;
  float: left;
  text-align: center;
  padding: 0px 0px 5px;
  width: 16.5%;
}
.request-quote,
.request-quote:hover,
.request-quote:visited {
  float: left;
  clear: both;
  margin: 30px 0px 0px;
  padding: 10px 9px 9px 37px;
  position: relative;
  border: solid 1px white;
  font-size: 20px;
  line-height: normal;
  font-family: 'Titillium Web', Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial;
  font-weight: bold;
  color: white;
}
.request-quote .icon-quote-white-one,
.request-quote:hover .icon-quote-white-one,
.request-quote:visited .icon-quote-white-one {
  position: absolute;
  left: 7px;
  top: 5px;
}
.flipButton {
  border: 1px solid white;
  font-weight: bold;
  color: white;
  display: block;
  font-family: Calibri, 'Galdeano', Arial, Trebuchet MS, Georgia, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 7px 0 6px;
  text-align: center;
}
.flipButton:hover {
  background: #ff8111;
  color: green;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-request-quote {
  float: left;
  padding: 10px 10px 10px;
  text-align: center;
  border: 1px solid white;
  font-size: 20px;
  font-weight: bold;
  color: white;
  font-family: 'Titillium Web', Calibri, 'Galdeano', 'Dosis', sans-serif;
}
.btn-request-quote:hover,
.btn-request-quote:focus {
  background-color: #ff8111;
  border-color: #ff8111;
  color: white;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.btn-request-quote .icon-quote-white-one {
  margin: 1px 5px 0px 0px;
}
.touch div.flipButton h2:last-child {
  display: none;
}
.heading3 .icon-medium-webdesign {
  vertical-align: top;
  margin-top: -7px;
  display: inline-block;
}
.tech-text {
  color: #0182c4;
}
.web-text {
  color: #e14e26;
}
.digital-text {
  color: #0c910d;
  /*color:#84c800;*/

}
.backoffice-text {
  color: #a87c33;
}
.creativemedia-text {
  color: #753684;
}
.tech-highlight {
  color: #0182c4;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-top: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
.web-highlight {
  color: #e14e26;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-top: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
.digital-highlight {
  color: #0c910d;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-top: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
.backoffice-highlight {
  color: #a87c33;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-top: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
.creativemedia-highlight {
  color: #753684;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-top: 25px;
  margin-bottom: 15px;
  line-height: 20px;
}
@font-face {
  font-family: 'icomoon';
  src: url('../../fonts/icomoon/icomoon.eot');
  src: url('../../fonts/icomoon/icomoond41d.eot?#iefix') format('embedded-opentype'), url('../../fonts/icomoon/icomoon.woff') format('woff'), url('../../fonts/icomoon/icomoon.ttf') format('truetype'), url('../../fonts/icomoon/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.btn-quote {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  margin: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-quote:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-quote:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.icon-file:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.icon-envelope:before {
  content: "\e000";
}
.icon-cart:before {
  content: "\e007";
}
.icon-cart-2:before {
  content: "\e008";
}
.icon-heart:before {
  content: "\e009";
}
.icon-heart:after,
.icon-heart-2:before {
  content: "\e00a";
}
.icon-star:before {
  content: "\e00b";
}
.icon-star:after,
.icon-star-2:before {
  content: "\e00c";
}
.icon-arrow-right:before {
  content: "\e00d";
}
.icon-arrow-left:before {
  content: "\e003";
}
.icon-truck:before {
  content: "\e00e";
}
.icon-remove:before {
  content: "\e00f";
}
.icon-cog:before {
  content: "\e010";
}
.icon-plus:before,
.icon-plus:after {
  content: "\e011";
}
.icon-minus:before {
  content: "\e012";
}
.bh-icon-smiley:before {
  content: "\e001";
}
.bh-icon-sad:before {
  content: "\e002";
}
.icon-file:before {
  content: "\e004";
}
.icon-remove-2:before {
  content: "\e005";
}
.btn-quote {
  border: 3px solid white;
  color: white;
  overflow: hidden;
}
.btn-quote:active {
  border-color: #17954c;
  color: #17954c;
}
.btn-quote:hover {
  background: #24b662;
  /* transform: rotateX(-90deg) translateY(100%); */

}
.btn-quote:before {
  position: absolute;
  height: 100%;
  font-size: 14px;
  left: 88%;
  line-height: 38px;
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-quote:active:before {
  color: #17954c;
}
.btn-quote:before {
  left: 87%;
  top: 0%;
}
.btn-quote:before {
  content: "\e00d";
}
.nav-bg-block {
  float: left;
  width: 100%;
  height: 75px;
  left: 0px;
  position: absolute;
  top: 0px;
  background: #000C5D;
  color: #fff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
 /* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4b4b4b 0%, #1a1a1a 100%); */
  /* FF3.6+ */
 /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(100%, #1a1a1a)); */
  /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top, #4b4b4b 0%, #1a1a1a 100%); */
  /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top, #4b4b4b 0%, #1a1a1a 100%); */
  /* Opera 11.10+ */
  /* background: -ms-linear-gradient(top, #4b4b4b 0%, #1a1a1a 100%); */
  /* IE10+ */
  /* background: linear-gradient(to bottom, #4b4b4b 0%, #1a1a1a 100%); */
  /* W3C */
  /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#1a1a1a', GradientType=0); */
  /* IE6-8 */

}
/* 
.nav-tabs > li > a { padding-top:28px\9;}
  
.navigation .submenu{ top:0px;}
.navigation > ul > li:before { top:13px;} 
@media screen and (-webkit-min-device-pixel-ratio:0) { .navigation > ul > li:before { top:13px;} }
 */
.nav-tabs  li  a {
  padding-top: 0px;
}
.navigation > ul > li {
  position: relative;
  margin: 0px 15px 0px 15px;
}
.navigation > ul > li.active:after {
  position: absolute;
  height: 3px;
  width: 100%;
  content: " ";
  left: 0px;
  top: -30px;
  border-top: solid 5px #7aba0a;
}
.navigation > ul > li:hover:after {
  position: absolute;
  height: 3px;
  width: 100%;
  content: " ";
  left: 0px;
  top: -30px;
  border-top: solid 5px #7aba0a;
}
.navigation > ul > li:hover > a,
.navigation > ul > li.active > a {
  color: #fff;
}
@media screen and (min-width: 0\0) {
  .synotive-banner-container .home-banner-1,
  .synotive-banner-container home-banner {
    top: 72px;
  }
  
  .synotive-header-container.nav-top-block {
    height: 57px;
  }
  
  .navigation {
    z-index: 10000;
  }
}
.block-online-elearning {
  background: white;
}
.block-online-elearning > .row-fluid {
  margin: 0 10px;
  width: auto;
}
.synotive-portfolio-container .portfolio-rotate-container .rotatebox ul li:first-child {
  margin-left: 16px;
}
[class^="siteicon2-"],
[class*=" siteicon2-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../../images/magento/magento-icons.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
  *margin-right: .3em;
}
[class^="siteicon2-"]:last-child,
[class*=" siteicon2-"]:last-child {
  *margin-left: 0;
}
.siteicon2-magento-design {
  background-position: 2px 0px;
  width: 95px;
  height: 110px;
}
.siteicon2-magento-design:hover {
  background-position: 2px -125px;
}
.siteicon2-magento-develop {
  background-position: -126px 0px;
  width: 95px;
  height: 110px;
}
.siteicon2-magento-develop:hover {
  background-position: -126px -125px;
}
.siteicon2-magento-marketing {
  background-position: -238px 0px;
  width: 95px;
  height: 110px;
}
.siteicon2-magento-marketing:hover {
  background-position: -238px -125px;
}
.siteicon2-magento-extension {
  background-position: -352px 0px;
  width: 95px;
  height: 110px;
}
.siteicon2-magento-extension:hover {
  background-position: -352px -125px;
}
.siteicon2-magento-support {
  background-position: -464px 0px;
  width: 95px;
  height: 110px;
}
.siteicon2-magento-support:hover {
  background-position: -464px -125px;
}
.magento-ser-container {
  clear: both;
  float: left;
  margin: 10px 0px;
  width: 100%;
}
.magento-ser-container .iconimg-container {
  float: left;
  width: 100%;
  height: 120px;
  text-align: center;
  background: none;
  position: relative;
}
.magento-ser-container .h-line {
  top: 35%;
  width: 100%;
  height: 1px;
  background: #dddddd;
  position: absolute;
}
.magento-ser-container .service-title {
  margin: 20px 0px 0px;
  text-align: center;
  text-transform: uppercase;
  color: #1b1b1b;
  font-size: 24px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}
.magento-ser-container .subtitle-2 {
  margin: 0px 0px;
  text-align: center;
  color: #5c5c5c;
  font-size: 12px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
.magento-ser-container .box:hover i {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.magento-ser-container .box:hover .iconimg-container .siteicon2-magento-design {
  background-position: 2px -125px;
}
.magento-ser-container .box:hover .iconimg-container .siteicon2-magento-develop {
  background-position: -126px -125px;
}
.magento-ser-container .box:hover .iconimg-container .siteicon2-magento-marketing {
  background-position: -238px -125px;
}
.magento-ser-container .box:hover .iconimg-container .siteicon2-magento-extension {
  background-position: -352px -125px;
}
.magento-ser-container .box:hover .iconimg-container .siteicon2-magento-support {
  background-position: -464px -125px;
}
.magento-ser-container .services-block-1 {
  float: left;
  padding: 20px;
  width: 43%;
  min-height: 150px;
  text-align: center;
  color: #4c4c4c;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.services-block-1 .title-1 {
  clear: both;
  margin: 10px 0px;
  color: #ef432e;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
}
.magento-ser-container .services-block-1.center {
  display: table;
  float: none;
  margin: auto;
}
.services-list-1 {
  clear: both;
  float: left;
  margin: 10px 0px;
  width: 100%;
}