/*
  WHMCSX.com
    (c) 2015
    info@whmcsx.com

  Sudo Teknoloji Ltd. Sti. Istanbul, Turkey
    info@sudoteknoloji.com
    +90 8503021684
    +90 2163997910
    +90 2166061909
*/
  @import url(//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin,latin-ext);
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend, input, select, textarea, button,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }

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

  body {
    line-height: 1; }

  ol, ul {
    list-style: none; }

  blockquote, q {
    quotes: none; }

  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }

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

  a {
    text-decoration: none !important; }

  img {
    border: 0; }

  :focus {
    outline: 0; }

  a:active, a:focus, input {
    outline: 0;
    outline-style: none;
    outline-width: 0; }

  /* Clear Fix */
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

  .clearfix {
    display: inline-block; }

  html[xmlns] .clearfix {
    display: block; }

  * html .clearfix {
    height: 1%; }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

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

  button, input[type="submit"] {
    cursor: pointer;
    border: 0;
    padding: 0; }

  img {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden; }

  strong {
    font-weight: bold; }

  em {
    font-size: italic; }

  a, input[type=submit], button[type=submit] {
    cursor: pointer; }

  ::-webkit-input-placeholder {
    color: #838484;
    opacity: 1 !important; }

  :-moz-placeholder {
    /* Firefox 18- */
    color: #838484;
    opacity: 1 !important; }

  ::-moz-placeholder {
    /* Firefox 19+ */
    color: #838484;
    opacity: 1 !important; }

  :-ms-input-placeholder {
    color: #838484;
    opacity: 1 !important; }

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

  strong {
    font-weight: bold; }

  /*
  ==================================================================
                          TIPOGRAFY
  ==================================================================
  */
  .clear {
    clear: both; }

  .fLeft {
    float: left !important; }

  .fRight {
    float: right !important; }

  .noBG {
    background: none !important; }

  .no-border {
    border: 0 !important; }

  .nMB {
    margin-bottom: 0 !important; }

  .nMR {
    margin-right: 0 !important; }

  .nML {
    margin-left: 0 !important; }

  .nPR {
    padding-right: 0 !important; }

  .nPB {
    padding-bottom: 0 !important; }

  .nPL {
    padding-left: 0 !important; }

  .nPT {
    padding-top: 0 !important; }

  .nBR {
    border-right: none !important; }

  .nBL {
    border-left: none !important; }

  .nBB {
    border-bottom: none !important; }

  .nBT {
    border-top: none !important; }

  .mT5 {
    margin-top: 5px; }

  .mT10 {
    margin-top: 10px; }

  .mT15 {
    margin-top: 15px; }

  .mT20 {
    margin-top: 20px; }

  .mT25 {
    margin-top: 25px; }

  .mT30 {
    margin-top: 30px; }

  .pT30 {
    padding-top: 30px; }

  .mT40 {
    margin-top: 40px; }

  .mB5 {
    margin-bottom: 5px; }

  .mB10 {
    margin-bottom: 10px; }

  .mB15 {
    margin-bottom: 15px; }

  .mB20 {
    margin-bottom: 20px; }

  .mB25 {
    margin-bottom: 25px; }

  .mB30 {
    margin-bottom: 30px; }

  .mB40 {
    margin-bottom: 40px; }

  .mB45 {
    margin-bottom: 45px; }

  .mL5 {
    margin-left: 5px; }

  .mL10 {
    margin-left: 10px; }

  .mL15 {
    margin-left: 15px; }

  .mL20 {
    margin-left: 20px; }

  .mL30 {
    margin-left: 30px; }

  .mL40 {
    margin-left: 40px; }

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

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

  .center {
    width: 1000px;
    margin: 0 auto; }

  .i-block, .x-container .section2 .inner .filter .g-cb, .x-container .section3 .title .controller .control, .x-container .section3 .title .controller .dots div, .x-container .section4 .inner .controller .control, .x-container .section4 .inner .controller .dots, .x-container .section4 .inner .controller .dots div, .x-container .section6 .inner .desc li strong, .x-container .section6 .inner .desc li em, .x-container .section7 .inner .filter .g-cb, .x-container .section7 .inner .filter .g-cb i, .x-container .section8 .thumbs ul li .icon, .x-container .section8 .inner .i-prop table td i, .x-container .section8 .inner .i-prop table td .btn-buy, .x-container .section14 .form .btn, .x-container .form-column .item .i-title .i-icon, .x-container .form-column .item .i-title .i-icon i, .x-container .form-column .item .g-cb, .x-container .form-column .item .g-cb i, .x-container .form-column .item .i-link, .x-container .section16 .inner .content .box .b-inner .btn, .x-container .section17 .box .b-inner h4 span, .x-container .section17 .box .b-inner ul li span, .x-container .section17 .box .b-inner ul li .btn-preview, .x-container .section17b .box .b-inner h4 span, .x-container .section17b .box .b-inner ul li span, .x-container .section17b .box .b-inner ul li .btn-preview, .x-container .section19 .property .price .toggle .btn-toggle {
    display: inline-block;
    vertical-align: top; }

  /*
  ==================================================================
      File Name: Fonts SCSS
  ==================================================================
  */
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-light.eot");
    src: url("fonts/flexo-light.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-light.woff") format("woff"), url("fonts/flexo-light.ttf") format("truetype"), url("fonts/flexo-light.svg#Flexo") format("svg");
    font-weight: 300;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-regular.eot");
    src: url("fonts/flexo-regular.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-regular.woff") format("woff"), url("fonts/flexo-regular.ttf") format("truetype"), url("fonts/flexo-regular.svg#Flexo") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-bold.eot");
    src: url("fonts/flexo-bold.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-bold.woff") format("woff"), url("fonts/flexo-bold.ttf") format("truetype"), url("fonts/flexo-bold.svg#Flexo") format("svg");
    font-weight: bold;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-medium.eot");
    src: url("fonts/flexo-medium.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-medium.woff") format("woff"), url("fonts/flexo-medium.ttf") format("truetype"), url("fonts/flexo-medium.svg#Flexo") format("svg");
    font-weight: 500;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-demi.eot");
    src: url("fonts/flexo-demi.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-demi.woff") format("woff"), url("fonts/flexo-demi.ttf") format("truetype"), url("fonts/flexo-demi.svg#Flexo") format("svg");
    font-weight: 600;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-thin.eot");
    src: url("fonts/flexo-thin.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-thin.woff") format("woff"), url("fonts/flexo-thin.ttf") format("truetype"), url("fonts/flexo-thin.svg#Flexo") format("svg");
    font-weight: 100;
    font-style: normal; }
  @font-face {
    font-family: 'Flexo';
    src: url("fonts/flexo-heavy.eot");
    src: url("fonts/flexo-heavy.eot?#iefix") format("embedded-opentype"), url("fonts/flexo-heavy.woff") format("woff"), url("fonts/flexo-heavy.ttf") format("truetype"), url("fonts/flexo-heavy.svg#Flexo") format("svg");
    font-weight: 800;
    font-weight: bold\9;
    font-style: normal; }
  @font-face {
    font-family: 'Soleto';
    src: url("fonts/soleto_regular-webfont.eot");
    src: url("fonts/soleto_regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/soleto_regular-webfont.woff") format("woff"), url("fonts/soleto_regular-webfont.ttf") format("truetype"), url("fonts/soleto_regular-webfont.svg#Soleto") format("svg");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'Soleto';
    src: url("fonts/soleto_bold-webfont.eot");
    src: url("fonts/soleto_bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/soleto_bold-webfont.woff2") format("woff2"), url("fonts/soleto_bold-webfont.woff") format("woff"), url("fonts/soleto_bold-webfont.ttf") format("truetype"), url("fonts/soleto_bold-webfont.svg#Soleto") format("svg");
    font-weight: bold;
    font-style: normal; }
  @font-face {
    font-family: 'Soleto';
    src: url("fonts/soleto_thin-webfont.eot");
    src: url("fonts/soleto_thin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/soleto_thin-webfont.woff2") format("woff2"), url("fonts/soleto_thin-webfont.woff") format("woff"), url("fonts/soleto_thin-webfont.ttf") format("truetype"), url("fonts/soleto_thin-webfont.svg#Soleto") format("svg");
    font-weight: 100;
    font-style: normal; }
  @font-face {
    font-family: 'Soleto';
    src: url("fonts/soleto_medium-webfont.eot");
    src: url("fonts/soleto_medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/soleto_medium-webfont.woff2") format("woff2"), url("fonts/soleto_medium-webfont.woff") format("woff"), url("fonts/soleto_medium-webfont.ttf") format("truetype"), url("fonts/soleto_medium-webfont.svg#Soleto") format("svg");
    font-weight: 500;
    font-style: normal; }
  @font-face {
    font-family: 'Soleto';
    src: url("fonts/soleto_light-webfont.eot");
    src: url("fonts/soleto_light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/soleto_light-webfont.woff2") format("woff2"), url("fonts/soleto_light-webfont.woff") format("woff"), url("fonts/soleto_light-webfont.ttf") format("truetype"), url("fonts/soleto_light-webfont.svg#Soleto") format("svg");
    font-weight: 300;
    font-style: normal; }
  /*
  ==================================================================
      File Name: Mixins SCSS
  ==================================================================
  */
  /* =Reset
  -----------------------------------------------------------------------------*/
  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

  .text-column {
    /* To prevent some browsers from inserting quotes on q and p */
    /* Table reset */
    /* Image inside */
    /* Normalize buttons in IE */
    /* Hand cursor on clickable controls */
    /* Trick with vertical align for radio and checkbox  */
    /* Normalize search fields */
    /* Normalize horizontal line */
    /* =Headings
    -----------------------------------------------------------------------------*/
    /* =Subheadings
    -----------------------------------------------------------------------------*/
    /* =Lead
    -----------------------------------------------------------------------------*/
    /* =Line height and margin
    -----------------------------------------------------------------------------*/
    /* =Blockquote
    -----------------------------------------------------------------------------*/
    /* =Address
    -----------------------------------------------------------------------------*/
    /* =Definition list
    -----------------------------------------------------------------------------*/
    /* =Text-level
    -----------------------------------------------------------------------------*/
    /* =Code
    -----------------------------------------------------------------------------*/
    /* =Form
    -----------------------------------------------------------------------------*/
    /* =Tables
    -----------------------------------------------------------------------------*/ }
    .text-column div,
    .text-column span,
    .text-column object,
    .text-column iframe,
    .text-column p,
    .text-column blockquote,
    .text-column pre,
    .text-column a,
    .text-column abbr,
    .text-column acronym,
    .text-column address,
    .text-column big,
    .text-column cite,
    .text-column code,
    .text-column del,
    .text-column dfn,
    .text-column em,
    .text-column img,
    .text-column ins,
    .text-column kbd,
    .text-column q,
    .text-column s,
    .text-column samp,
    .text-column small,
    .text-column strike,
    .text-column strong,
    .text-column sub,
    .text-column sup,
    .text-column tt,
    .text-column var,
    .text-column b,
    .text-column u,
    .text-column i,
    .text-column center,
    .text-column dl,
    .text-column dt,
    .text-column dd,
    .text-column ol,
    .text-column ul,
    .text-column li,
    .text-column fieldset,
    .text-column form,
    .text-column label,
    .text-column legend,
    .text-column table,
    .text-column caption,
    .text-column tbody,
    .text-column tfoot,
    .text-column thead,
    .text-column tr,
    .text-column th,
    .text-column td,
    .text-column article,
    .text-column aside,
    .text-column canvas,
    .text-column details,
    .text-column embed,
    .text-column figure,
    .text-column figcaption,
    .text-column footer,
    .text-column header,
    .text-column hgroup,
    .text-column menu,
    .text-column nav,
    .text-column output,
    .text-column ruby,
    .text-column section,
    .text-column summary,
    .text-column time,
    .text-column mark,
    .text-column audio,
    .text-column video,
    .text-column h1,
    .text-column h2,
    .text-column h3,
    .text-column h4,
    .text-column h5,
    .text-column h6 {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent; }
    .text-column a:active,
    .text-column a:hover {
      outline: 0; }
    .text-column article,
    .text-column aside,
    .text-column details,
    .text-column figcaption,
    .text-column figure,
    .text-column footer,
    .text-column header,
    .text-column hgroup,
    .text-column main,
    .text-column nav,
    .text-column section,
    .text-column embed,
    .text-column object,
    .text-column iframe,
    .text-column audio,
    .text-column video,
    .text-column canvas,
    .text-column progress,
    .text-column meter,
    .text-column output,
    .text-column textarea {
      display: block; }
    .text-column audio:not([controls]) {
      display: none;
      height: 0; }
    .text-column blockquote,
    .text-column q {
      quotes: none; }
    .text-column blockquote p:before,
    .text-column blockquote p:after,
    .text-column q:before,
    .text-column q:after {
      content: '';
      content: none; }
    .text-column table {
      border-collapse: collapse;
      border-spacing: 0; }
    .text-column caption,
    .text-column th,
    .text-column td {
      text-align: left;
      vertical-align: top; }
    .text-column thead th,
    .text-column thead td {
      font-weight: bold;
      vertical-align: bottom; }
    .text-column a img,
    .text-column th img,
    .text-column td img {
      vertical-align: top; }
    .text-column button,
    .text-column input,
    .text-column select,
    .text-column textarea {
      margin: 0; }
    .text-column textarea {
      overflow: auto;
      vertical-align: top;
      resize: vertical; }
    .text-column button {
      width: auto;
      overflow: visible; }
    .text-column input[type="reset"],
    .text-column input[type="submit"],
    .text-column input[type="file"],
    .text-column input[type="radio"],
    .text-column input[type="checkbox"],
    .text-column select,
    .text-column button {
      cursor: pointer; }
    .text-column input[type="radio"],
    .text-column input[type="checkbox"] {
      font-size: 110%;
      position: relative;
      top: -1px; }
    .text-column input[type="search"] {
      -webkit-appearance: textfield; }
    .text-column input[type="search"]::-webkit-search-decoration,
    .text-column input[type="search"]::-webkit-search-cancel-button {
      -webkit-appearance: none; }
    .text-column hr {
      display: block;
      height: 1px;
      border: 0;
      border-top: 1px solid #ddd; }
    .text-column h1,
    .text-column h2,
    .text-column h3,
    .text-column h4,
    .text-column h5,
    .text-column h6 {
      text-rendering: optimizeLegibility; }
    .text-column h1 {
      font-size: 36px;
      line-height: 1.111em;
      margin-bottom: 0.809em; }
    .text-column h2 {
      font-size: 31px;
      line-height: 1.111em;
      margin-bottom: .25em; }
    .text-column h3 {
      font-size: 27px;
      line-height: 1.333em;
      margin-bottom: .25em; }
    .text-column h4 {
      font-size: 22px;
      line-height: 1.5em;
      margin-bottom: .333em; }
    .text-column h5 {
      font-size: 18px;
      line-height: 1.618em;
      margin-bottom: .25em; }
    .text-column h6 {
      font-size: 15px;
      line-height: 1.618em;
      margin-bottom: .25em; }
    .text-column hgroup h1:first-child,
    .text-column hgroup h2:first-child,
    .text-column hgroup h3:first-child,
    .text-column hgroup h4:first-child,
    .text-column hgroup h5:first-child {
      margin-bottom: 0; }
    .text-column h1.subheading,
    .text-column h2.subheading,
    .text-column h3.subheading,
    .text-column h4.subheading,
    .text-column h5.subheading {
      margin-top: 0;
      font-weight: 300; }
    .text-column h1.subheading {
      font-size: 1.4166666666666667em; }
    .text-column h2.subheading {
      font-size: 1.1333333333333333em; }
    .text-column h3.subheading {
      font-size: 0.9633333333333333em; }
    .text-column h4.subheading {
      margin-top: .2em;
      font-size: 0.9208333333333334em; }
    .text-column h5.subheading {
      margin-top: .2em;
      font-size: 0.7555555555555555em; }
    .text-column .lead {
      font-size: 1.35em;
      font-weight: 300;
      line-height: 1.35em;
      margin-bottom: 0.809em; }
    .text-column p,
    .text-column ul,
    .text-column ol,
    .text-column dl,
    .text-column dd,
    .text-column dt,
    .text-column blockquote,
    .text-column td,
    .text-column th {
      line-height: 1.618em; }
    .text-column ul, .text-column ol {
      margin: 0 0 15px 0; }
    .text-column ul li, .text-column ol li {
      margin-left: 21px; }
    .text-column ul li {
      list-style: disc; }
    .text-column ol li {
      list-style: decimal; }
    .text-column ul ul,
    .text-column ol ol,
    .text-column ul ol,
    .text-column ol ul {
      margin: 0 0 0 1em; }
    .text-column ol ol li {
      list-style-type: lower-alpha; }
    .text-column ol ol ol li {
      list-style-type: lower-roman; }
    .text-column p,
    .text-column ul,
    .text-column ol,
    .text-column dl,
    .text-column blockquote,
    .text-column hr,
    .text-column pre,
    .text-column table,
    .text-column form,
    .text-column fieldset,
    .text-column figure,
    .text-column address {
      margin-bottom: 1.618em; }
    .text-column ol li, .text-column ul li {
      line-height: 120%; }
    .text-column blockquote {
      position: relative;
      font-style: italic;
      margin-left: 2.427em;
      padding-left: 1.618em;
      border-left: 2px solid rgba(0, 0, 0, 0.15); }
    .text-column blockquote p {
      margin-bottom: .5em; }
    .text-column blockquote small,
    .text-column cite {
      color: rgba(0, 0, 0, 0.4);
      font-style: italic; }
    .text-column small,
    .text-column blockquote cite {
      font-size: 0.85em;
      line-height: 1; }
    .text-column address {
      font-style: normal; }
    .text-column dl dt {
      font-weight: bold; }
    .text-column dd {
      margin-left: 1.0786666666666667em; }
    .text-column s,
    .text-column del {
      text-decoration: line-through; }
    .text-column abbr[title],
    .text-column dfn[title] {
      border-bottom: 1px dotted #000;
      cursor: help; }
    .text-column strong,
    .text-column b {
      font-weight: bold; }
    .text-column em,
    .text-column i {
      font-style: italic; }
    .text-column sub,
    .text-column sup {
      font-size: 0.65em;
      line-height: 0;
      position: relative; }
    .text-column sup {
      top: -0.5em; }
    .text-column sub {
      bottom: -0.25em; }
    .text-column figcaption {
      font-size: 0.85em;
      font-style: italic; }
    .text-column ins,
    .text-column u {
      text-decoration: underline; }
    .text-column mark {
      background-color: #fddc43;
      color: #0f0f0f;
      text-decoration: none; }
    .text-column pre,
    .text-column code,
    .text-column kbd,
    .text-column samp,
    .text-column var,
    .text-column output {
      font-size: 90%;
      font-style: normal;
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
    .text-column pre {
      font-size: 90%;
      line-height: 1.45em;
      color: #333333;
      background: #f6f6f6;
      padding: 1.618em;
      overflow: auto; }
    .text-column code,
    .text-column samp,
    .text-column kbd {
      padding: 3px 6px 2px 6px;
      display: inline-block;
      line-height: 1;
      border-radius: 2px; }
    .text-column code {
      background: #f6f6f6;
      border: 1px solid #ddd; }
    .text-column pre code {
      font-size: 100%;
      border: none;
      padding: 0;
      background: none;
      line-height: 1.618em; }
    .text-column var {
      color: rgba(0, 0, 0, 0.5); }
    .text-column samp {
      background: #e9effa;
      border: 1px solid #c5d4f0; }
    .text-column kbd {
      background: #0f0f0f;
      color: rgba(255, 255, 255, 0.85);
      white-space: nowrap; }
    .text-column button:active,
    .text-column button:focus {
      outline: none; }
    .text-column button,
    .text-column input,
    .text-column textarea,
    .text-column select {
      box-shadow: none; }
    .text-column textarea,
    .text-column select[multiple],
    .text-column select[multiple="multiple"] {
      padding: .3em .35em;
      line-height: 1.35em;
      width: 99.9%; }
    .text-column input[type="text"],
    .text-column input[type="password"],
    .text-column input[type="email"],
    .text-column input[type="url"],
    .text-column input[type="phone"],
    .text-column input[type="tel"],
    .text-column input[type="number"],
    .text-column input[type="datetime"],
    .text-column input[type="date"],
    .text-column input[type="month"],
    .text-column input[type="color"],
    .text-column input[type="time"],
    .text-column input[type="search"],
    .text-column input[type="datetime-local"],
    .text-column button,
    .text-column input[type="submit"],
    .text-column input[type="reset"] {
      padding: .3em .35em;
      line-height: 1.618em;
      border-radius: 0;
      outline: none; }
    .text-column select[multiple],
    .text-column select[multiple="multiple"],
    .text-column textarea,
    .text-column input[type="text"],
    .text-column input[type="password"],
    .text-column input[type="email"],
    .text-column input[type="url"],
    .text-column input[type="phone"],
    .text-column input[type="tel"],
    .text-column input[type="number"],
    .text-column input[type="datetime"],
    .text-column input[type="date"],
    .text-column input[type="month"],
    .text-column input[type="color"],
    .text-column input[type="time"],
    .text-column input[type="search"],
    .text-column input[type="datetime-local"] {
      background: #fff;
      border: 1px solid #bbbcc0;
      position: relative;
      z-index: 2;
      -webkit-appearance: none; }
    .text-column button[disabled],
    .text-column input[type="submit"][disabled],
    .text-column input[type="reset"][disabled] {
      background: none;
      background: #dbdada;
      cursor: default;
      color: rgba(0, 0, 0, 0.5); }
    .text-column button[disabled]:hover,
    .text-column input[type="submit"][disabled]:hover,
    .text-column input[type="reset"][disabled]:hover {
      color: rgba(0, 0, 0, 0.5); }
    .text-column input::-moz-focus-inner,
    .text-column button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .text-column input[type="range"] {
      position: relative;
      top: 3px; }
    .text-column input[disabled] {
      background: #f4f4f4;
      border: 1px solid #ddd;
      color: rgba(0, 0, 0, 0.4); }
    .text-column select {
      margin-bottom: 0 !important; }
    .text-column fieldset {
      padding: 1.618em;
      margin-bottom: 1.618em;
      border: 1px solid #ddd; }
    .text-column fieldset *:last-child {
      margin-bottom: 0 !important; }
    .text-column legend {
      font-weight: bold;
      padding: 0 1em;
      margin-left: -1em; }
    .text-column table {
      max-width: 100%;
      width: 100%;
      empty-cells: show; }
    .text-column table caption {
      padding: 0 1.0786666666666667em;
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.85em; }
    .text-column table th,
    .text-column table td {
      border-bottom: 1px solid #eee;
      padding: 0.809em 1.0786666666666667em; }
    .text-column table tfoot th,
    .text-column table tfoot td {
      background: #f4f4f4; }

  /*
  ==================================================================
      File Name: Screen SCSS
  ==================================================================
  */
  html.no-scroll, body.no-scroll {
    height: 100%;
    overflow: hidden; }

  body {
    min-width: 1000px;
    margin: 0;
    padding: 0;
    background: #f0f6f6 url(../img/bg-body.png) repeat 0 0; }

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

  .no-decoration {
    text-decoration: none !important; }
    .no-decoration * {
      text-decoration: none !important; }

  #mainWrap {
    position: relative; }

  /*
  -------------------------------------------------------------
        Standart Variables
  -------------------------------------------------------------
  */
  *::-moz-selection {
    color: #e13434;
    background: transparent; }
  *::-webkit-selection {
    color: #e13434;
    background: transparent; }
  *::-o-selection {
    color: #e13434;
    background: transparent; }
  *::-ms-selection {
    color: #e13434;
    background: transparent; }
  *::selection {
    color: #e13434;
    background: transparent; }

  /*
  -------------------------------------------------------------
        CSS Area: HEADER
  -------------------------------------------------------------
  */
  .x-header {
    background-color: #fff;
    height: 144px;
    padding-top: 4px;
    border-bottom: 3px solid #da2f2f;
    position: relative;
    z-index: 10; }
    .x-header .top {
      overflow: hidden;
      padding-right: 157px; }
      .x-header .top .t-nav {
        margin-top: 8px;
        float: left;
        border-bottom: 1px solid #e2e4e6;
        padding-bottom: 4px; }
        .x-header .top .t-nav li {
          float: left;
          height: 30px;
          border-right: 1px solid #e2e2e2;
          margin-right: 19px;
          padding-right: 19px;
          font: 15px/29px "Ubuntu", Arial, sans-serif !important;
          color: #707881; }
          .x-header .top .t-nav li a {
            color: #707881; }
            .x-header .top .t-nav li a:hover {
              color: #e13434; }
          .x-header .top .t-nav li:last-child {
            margin-right: 0;
            padding-right: 0;
            border-right: 0; }
      .x-header .top .btn-chart {
        float: right;
        background: url(../img/icon1.png) no-repeat 0 45%;
        height: 42px;
        display: block;
        font: 17px/39px "Ubuntu", Arial, sans-serif !important;
        color: #707881;
        padding-left: 36px;
        margin-right: 17px; }
        .x-header .top .btn-chart:hover {
          color: #e13434; }
    .x-header .inner {
      margin-top: 23px; }
      .x-header .inner .logo {
        float: left;
        font-size: 0; }
        .x-header .inner .logo a:hover img {
          opacity: .90;
          filter: alpha(opacity=90); }
      .x-header .inner .menu {
        float: right; }
        .x-header .inner .menu > ul {
          position: relative; }
          .x-header .inner .menu > ul > li {
            float: left;
            margin-left: 8px;
            height: 71px\9;
            overflow: hidden\9; }
            .x-header .inner .menu > ul > li:first-child {
              margin-left: 0; }
            .x-header .inner .menu > ul > li > a {
              display: block;
              height: 71px;
              -webkit-border-radius: 3px 3px 0 0;
              -moz-border-radius: 3px 3px 0 0;
              -ms-border-radius: 3px 3px 0 0;
              border-radius: 3px 3px 0 0;
              font: 18px/65px "Ubuntu", Arial, sans-serif !important;
              color: #707881;
              padding: 0 17px;
              position: relative;
              letter-spacing: -0.03em;
              -webkit-transition: all 0.3s ease-in-out 0s;
              -moz-transition: all 0.3s ease-in-out 0s;
              -ms-transition: all 0.3s ease-in-out 0s;
              -o-transition: all 0.3s ease-in-out 0s;
              transition: all 0.3s ease-in-out 0s; }
              .x-header .inner .menu > ul > li > a:before {
                content: '';
                -webkit-transition: all 0.15s ease-in-out 0s;
                -moz-transition: all 0.15s ease-in-out 0s;
                -ms-transition: all 0.15s ease-in-out 0s;
                -o-transition: all 0.15s ease-in-out 0s;
                transition: all 0.15s ease-in-out 0s; }
            .x-header .inner .menu > ul > li.sub > a {
              padding-right: 27px; }
              .x-header .inner .menu > ul > li.sub > a:before {
                background: url(../img/icon2.png) no-repeat;
                width: 8px;
                height: 5px;
                position: absolute;
                right: 16px;
                top: 30px;
                z-index: 2; }
            .x-header .inner .menu > ul > li > .popup {
              width: 852px;
              position: absolute;
              background: #fff url(../img/bg1.png) repeat-x 0 0;
              right: 0;
              top: 65px;
              z-index: 20;
              padding-left: 28px;
              visibility: hidden;
              opacity: .0;
              filter: alpha(opacity=0);
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              right: -9999px\9;
              visibility: visible\9; }
              .x-header .inner .menu > ul > li > .popup h3 {
                display: block;
                height: 63px;
                font: 17px/62px "Soleto", Arial, sans-serif !important;
                color: #ffffff; }
              .x-header .inner .menu > ul > li > .popup ol {
                padding: 15px 0; }
                .x-header .inner .menu > ul > li > .popup ol li {
                  margin-bottom: 16px;
                  font: 300 13px/120% "Soleto", Arial, sans-serif !important;
                  color: #6e7f8c;
                  background: url(../img/icon3.png) no-repeat 0 5px;
                  padding-left: 10px; }
                  .x-header .inner .menu > ul > li > .popup ol li:last-child {
                    margin-bottom: 0; }
                  .x-header .inner .menu > ul > li > .popup ol li a {
                    color: #6e7f8c; }
                    .x-header .inner .menu > ul > li > .popup ol li a:hover {
                      color: #e13434;
                      text-decoration: underline !important; }
              .x-header .inner .menu > ul > li > .popup p {
                display: block;
                padding: 15px 0;
                font: 300 13px/21px "Soleto", Arial, sans-serif !important;
                color: #6e7f8c; }
                .x-header .inner .menu > ul > li > .popup p strong {
                  display: block;
                  font-size: 37px;
                  line-height: 46px; }
              .x-header .inner .menu > ul > li > .popup .block {
                float: left;
                margin-right: 55px; }
                .x-header .inner .menu > ul > li > .popup .block:last-child {
                  margin-right: 0; }
                .x-header .inner .menu > ul > li > .popup .block.icon-www h3 {
                  background: url(../img/icon4.png) no-repeat 0 45%;
                  padding-left: 33px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-www ol {
                  margin-left: 23px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-other h3 {
                  background: url(../img/icon5.png) no-repeat 0 50%;
                  padding-left: 29px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-other ol {
                  margin-left: 19px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-linux h3 {
                  background: url(../img/linux.png) no-repeat 0 45%;
                  padding-left: 33px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-linux ol {
                  margin-left: 23px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-win h3 {
                  background: url(../img/win.png) no-repeat 0 45%;
                  padding-left: 33px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-win ol {
                  margin-left: 23px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-sanalsunucu h3 {
                  background: url(../img/sanalsunucu.png) no-repeat 0 45%;
                  padding-left: 33px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-sanalsunucu ol {
                  margin-left: 23px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-sunucu h3 {
                  background: url(../img/sunucu.png) no-repeat 0 45%;
                  padding-left: 33px; }
                .x-header .inner .menu > ul > li > .popup .block.icon-sunucu ol {
                  margin-left: 23px; }
                .x-header .inner .menu > ul > li > .popup .block.discount {
                  width: 160px;
                  float: right;
                  text-align: right;
                  margin-right: 19px;
                  position: relative; }
                  .x-header .inner .menu > ul > li > .popup .block.discount:before {
                    content: '';
                    background: url(../img/bg2.png) no-repeat;
                    width: 166px;
                    height: 169px;
                    position: absolute;
                    left: -200px;
                    top: 39px;
                    z-index: 2; }
            .x-header .inner .menu > ul > li:hover {
              overflow: visible\9; }
              .x-header .inner .menu > ul > li:hover > a {
                background-color: #da2f2f;
                color: #fff; }
                .x-header .inner .menu > ul > li:hover > a:before {
                  background-position: 0 -5px; }
              .x-header .inner .menu > ul > li:hover > .popup {
                top: 71px;
                right: 0\9;
                visibility: visible;
                opacity: 100;
                filter: alpha(opacity=100); }

  /*
  -------------------------------------------------------------
        CSS Area: CONTAINER
  -------------------------------------------------------------
  */
  .x-container {
    position: relative;
    z-index: 2;
    padding-bottom: 20px; }
    .x-container.white {
      background-color: #fff; }
    .x-container .slider {
      background: url(../img/bg5.jpg) repeat-x 50% 50%;
      height: 430px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      .x-container .slider .inner {
        position: relative;
        height: 320px; }
        .x-container .slider .inner .slider-item {
          position: absolute;
          width: 100%;
          z-index: 1;
          left: 0;
          top: 0; }
      .x-container .slider .controller {
        display: none;
        position: absolute;
        left: 0;
        bottom: 15px;
        z-index: 5; }
        .x-container .slider .controller .control {
          float: left;
          background: url(../img/icon10.png) no-repeat;
          width: 8px;
          height: 14px;
          display: block;
          text-indent: -9999px; }
          .x-container .slider .controller .control.prev {
            margin-right: 4px; }
          .x-container .slider .controller .control.next {
            background-position: -8px 0;
            margin-left: 4px; }
        .x-container .slider .controller .dots {
          float: left;
          margin-top: 2px; }
          .x-container .slider .controller .dots ul li {
            float: left;
            margin: 0 5px; }
            .x-container .slider .controller .dots ul li a {
              display: block;
              width: 10px;
              height: 10px;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%;
              background-color: #fff;
              opacity: .20;
              filter: alpha(opacity=20);
              text-indent: -9999px; }
            .x-container .slider .controller .dots ul li.active a {
              opacity: 100;
              filter: alpha(opacity=100); }
      .x-container .slider .slider-item {
        position: relative;
        overflow: hidden; }
        .x-container .slider .slider-item .i-desc {
          float: left;
          width: 480px;
          margin-top: 42px; }
          .x-container .slider .slider-item .i-desc h3 {
            display: block;
            font: 300 27px/120% "Ubuntu", Arial, sans-serif !important;
            color: #707881; }
          .x-container .slider .slider-item .i-desc h1 {
            margin-top: -7px;
            display: block;
            font: 500 50px/120% "Ubuntu", Arial, sans-serif !important;
            color: #ffffff;
            text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.75); }
          .x-container .slider .slider-item .i-desc ul {
            margin-top: 25px; }
            .x-container .slider .slider-item .i-desc ul li {
              font: 15px/19px "Ubuntu", Arial, sans-serif !important;
              color: #000000;
              margin-bottom: 20px;
              padding-left: 56px; }
              .x-container .slider .slider-item .i-desc ul li:last-child {
                margin-bottom: 0; }
              .x-container .slider .slider-item .i-desc ul li a {
                color: #bebebe;
                text-decoration: underline !important; }
                .x-container .slider .slider-item .i-desc ul li a:hover {
                  text-decoration: none !important;
                  color: #fff; }
              .x-container .slider .slider-item .i-desc ul li.icon-windows {
                background: url(../img/icon8.png) no-repeat;
                min-height: 42px;
                padding-top: 3px; }
              .x-container .slider .slider-item .i-desc ul li.icon-linux {
                background: url(../img/icon9.png) no-repeat;
                min-height: 48px;
                padding-top: 6px; }
        .x-container .slider .slider-item .i-image {
          float: right;
          font-size: 0;
          max-width: 503px;
          text-align: right; }
      .x-container .slider .bottom {
        margin-top: 30px;
        position: relative;
        z-index: 5;
        height: 50px; }
        .x-container .slider .bottom .item {
          float: left;
          height: 50px;
          position: relative;
          width: 311px;
          margin-right: 33px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          overflow: hidden;
          -webkit-transition: all 0.3s ease-in-out 0s;
          -moz-transition: all 0.3s ease-in-out 0s;
          -ms-transition: all 0.3s ease-in-out 0s;
          -o-transition: all 0.3s ease-in-out 0s;
          transition: all 0.3s ease-in-out 0s; }
          .x-container .slider .bottom .item:nth-child(3n) {
            float: right;
            margin-right: 0; }
          .x-container .slider .bottom .item > a {
            display: block;
            height: 50px;
            background-color: #d32929;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            background-color: #d82d2d;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
            -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
            -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
            -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.31) inset;
            background: -webkit-gradient(linear, left top, left bottom, from(#e03434), to(#c82020));
            background: -moz-linear-gradient(top, #e03434, #c82020);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03434', endColorstr='#c82020');
            text-align: right;
            padding-right: 30px;
            position: relative;
            font: 18px/48px "Ubuntu", Arial, sans-serif !important;
            color: #ffffff; }
            .x-container .slider .bottom .item > a.noarrow:after {
              content: '';
              background: none !important;
              width: 11px;
              height: 6px;
              position: absolute;
              top: 22px;
              right: 12px;
              z-index: 2; }
            .x-container .slider .bottom .item > a:after {
              content: '';
              background: url(../img/icon14.png) no-repeat;
              width: 11px;
              height: 6px;
              position: absolute;
              top: 22px;
              right: 12px;
              z-index: 2; }
            .x-container .slider .bottom .item > a:before {
              content: '';
              height: 50px;
              position: absolute;
              background-position: 0 50%;
              background-repeat: no-repeat;
              left: 8px;
              top: 0;
              z-index: 2; }
            .x-container .slider .bottom .item > a:hover {
              background: -webkit-gradient(linear, left top, left bottom, from(#e73636), to(#d72525));
              background: -moz-linear-gradient(top, #e73636, #d72525);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73636', endColorstr='#d72525'); }
            .x-container .slider .bottom .item > a.icon-www:before {
              background-image: url(../img/icon11.png);
              width: 32px; }
            .x-container .slider .bottom .item > a.icon-hosting:before {
              background-image: url(../img/icon12.png);
              width: 38px; }
            .x-container .slider .bottom .item > a.icon-dedicated:before {
              background-image: url(../img/icon13.png);
              width: 39px; }
          .x-container .slider .bottom .item > .popup {
            height: 110px;
            background-color: #f8f8f8;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            padding: 17px 10px 0 10px; }
            .x-container .slider .bottom .item > .popup .tb {
              float: left;
              width: 241px;
              background-color: #fff;
              -webkit-border-radius: 3px 0 0 3px;
              -moz-border-radius: 3px 0 0 3px;
              -ms-border-radius: 3px 0 0 3px;
              border-radius: 3px 0 0 3px;
              border: 1px solid #d8d8d8;
              height: 48px;
              font: 300 15px "Ubuntu", Arial, sans-serif !important;
              color: #626b7a;
              padding: 0 14px 2px 14px;
              border-right: 0;
              line-height: 44px\9 !important; }
              .x-container .slider .bottom .item > .popup .tb:focus {
                -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
                -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
                -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
                -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
                box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset; }
            .x-container .slider .bottom .item > .popup .btn {
              display: block;
              height: 48px;
              width: 50px;
              text-indent: -9999px;
              float: left;
              -webkit-border-radius: 0 3px 3px 0;
              -moz-border-radius: 0 3px 3px 0;
              -ms-border-radius: 0 3px 3px 0;
              border-radius: 0 3px 3px 0;
              cursor: pointer;
              outline: 0 !important;
              -webkit-transition: all 0s ease-in-out 0s;
              -moz-transition: all 0s ease-in-out 0s;
              -ms-transition: all 0s ease-in-out 0s;
              -o-transition: all 0s ease-in-out 0s;
              transition: all 0s ease-in-out 0s;
              background-color: #df3333;
              background: -webkit-gradient(linear, left top, left bottom, from(#df3333), to(#c92121));
              background: -moz-linear-gradient(top, #df3333, #c92121);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df3333', endColorstr='#c92121');
              padding: 0; }
              .x-container .slider .bottom .item > .popup .btn:hover {
                opacity: .93;
                filter: alpha(opacity=93); }
              .x-container .slider .bottom .item > .popup .btn:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .slider .bottom .item > .popup .btn i {
                display: block;
                width: 48px;
                height: 50px;
                background: url(../img/icon15.png) no-repeat 50% 50%; }
            .x-container .slider .bottom .item > .popup .g-cb {
              min-height: 17px;
              float: left;
              margin-top: 12px; }
              .x-container .slider .bottom .item > .popup .g-cb input {
                position: absolute;
                left: -9999px; }
              .x-container .slider .bottom .item > .popup .g-cb i {
                display: block;
                width: 17px;
                height: 17px;
                float: left;
                background: url(../img/icon16.png) no-repeat;
                text-indent: -9999px;
                margin-right: 6px;
                cursor: pointer; }
              .x-container .slider .bottom .item > .popup .g-cb span {
                float: left;
                font: 300 15px/16px "Ubuntu", Arial, sans-serif !important;
                color: #626b7a; }
              .x-container .slider .bottom .item > .popup .g-cb.active i {
                background-position: 0 -17px; }
          .x-container .slider .bottom .item.sub:hover {
            height: 160px;
            margin-top: -110px; }
            .x-container .slider .bottom .item.sub:hover > a {
              -webkit-border-radius: 3px 3p 0 0;
              -moz-border-radius: 3px 3p 0 0;
              -ms-border-radius: 3px 3p 0 0;
              border-radius: 3px 3p 0 0;
              background: -webkit-gradient(linear, left top, left bottom, from(#e73636), to(#d72525));
              background: -moz-linear-gradient(top, #e73636, #d72525);
              filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73636', endColorstr='#d72525'); }
              .x-container .slider .bottom .item.sub:hover > a:after {
                background-position: 0 -6px; }
    .x-container .section1 {
      border-top: 3px solid #d62c2c;
      background: url(../img/bg6.png) repeat 0 0;
      min-height: 57px; }
      .x-container .section1 ul {
        padding: 17px 0 18px 0; }
        .x-container .section1 ul li {
          font: 300 18px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          text-align: center; }
          .x-container .section1 ul li strong {
            font-weight: 500; }
          .x-container .section1 ul li a {
            color: #fff; }
            .x-container .section1 ul li a:hover {
              text-decoration: underline !important; }
    .x-container .section2 .top {
      height: 80px;
      border-bottom: 4px solid #d52b2b; }
      .x-container .section2 .top ul {
        display: table;
        width: 100%;
        table-layout: fixed; }
        .x-container .section2 .top ul li {
          display: table-cell;
          border-right: 1px solid #bbbab5; }
          .x-container .section2 .top ul li:first-child {
            border-left: 1px solid #bbbab5; }
          .x-container .section2 .top ul li a {
            background-color: #fff;
            display: block;
            height: 80px;
            border-bottom: 4px solid #4a4a4a;
            margin-bottom: -4px;
            font: 300 18px/75px "Ubuntu", Arial, sans-serif !important;
            color: #535969;
            padding-left: 16px;
            position: relative; }
            .x-container .section2 .top ul li a:before {
              content: '';
              height: 100%;
              position: absolute;
              right: 11px;
              top: 0;
              z-index: 2; }
          .x-container .section2 .top ul li.icon-www a {
            border-bottom-color: #3d8dd8; }
            .x-container .section2 .top ul li.icon-www a:before {
              background: url(../img/icon17.png) no-repeat right 50%;
              width: 41px; }
          .x-container .section2 .top ul li.icon-hosting a {
            border-bottom-color: #9b53a8; }
            .x-container .section2 .top ul li.icon-hosting a:before {
              background: url(../img/icon18.png) no-repeat right 50%;
              width: 48px; }
          .x-container .section2 .top ul li.icon-dedicated a {
            border-bottom-color: #ff9728; }
            .x-container .section2 .top ul li.icon-dedicated a:before {
              background: url(../img/icon19.png) no-repeat right 50%;
              width: 50px; }
          .x-container .section2 .top ul li.icon-security a {
            border-bottom-color: #56b027; }
            .x-container .section2 .top ul li.icon-security a:before {
              background: url(../img/icon20.png) no-repeat right 50%;
              width: 38px; }
          .x-container .section2 .top ul li.active a {
            border-bottom-width: 1px;
            border-bottom-color: #f6f6f6; }
    .x-container .section2 .inner {
      border: 1px solid #d1d1d1;
      border-bottom: 4px solid #3d8dd8;
      border-top: 0;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      padding: 22px 8px 0 8px; }
      .x-container .section2 .inner.color-purple {
        border-bottom-color: #9b53a8; }
      .x-container .section2 .inner.color-yellow {
        border-bottom-color: #ff9728; }
      .x-container .section2 .inner.color-green {
        border-bottom-color: #56b027; }
      .x-container .section2 .inner h3 {
        display: block;
        font: 300 24px/120% "Ubuntu", Arial, sans-serif !important;
        color: #626b7a;
        margin-bottom: 12px;
        margin-left: 5px; }
      .x-container .section2 .inner p {
        display: block;
        font: 300 15px/120% "Ubuntu", Arial, sans-serif !important;
        color: #626b7a;
        margin-bottom: 15px;
        padding: 5px; }
        .x-container .section2 .inner p a {
          color: #626b7a;
          text-decoration: underline !important; }
          .x-container .section2 .inner p a:hover {
            color: #e13434;
            text-decoration: none !important; }
      .x-container .section2 .inner .input {
        background-color: #e9e9e9;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        padding: 7px;
        overflow: hidden; }
        .x-container .section2 .inner .input .tb {
          float: left;
          width: 768px;
          height: 56px;
          background: #fff url(../img/bg7.png) no-repeat 17px 50%;
          -webkit-border-radius: 3px 0 0 3px;
          -moz-border-radius: 3px 0 0 3px;
          -ms-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
          border: 1px solid #d0d0d0;
          font: 22px "Ubuntu", Arial, sans-serif !important;
          color: #282e35;
          padding: 0 17px 4px 74px;
          line-height: 53px\9 !important;
          border-right: 0; }
          .x-container .section2 .inner .input .tb::-webkit-input-placeholder {
            color: #282e35;
            opacity: 1 !important; }
          .x-container .section2 .inner .input .tb:-moz-placeholder {
            /* Firefox 18- */
            color: #282e35;
            opacity: 1 !important; }
          .x-container .section2 .inner .input .tb::-moz-placeholder {
            /* Firefox 19+ */
            color: #282e35;
            opacity: 1 !important; }
          .x-container .section2 .inner .input .tb:-ms-input-placeholder {
            color: #282e35;
            opacity: 1 !important; }
          .x-container .section2 .inner .input .tb:focus {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset; }
        .x-container .section2 .inner .input .btn {
          width: 200px;
          height: 56px;
          background-color: #3d8dd8;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
          text-align: center;
          font: 17px/53px "Ubuntu", Arial, sans-serif !important;
          color: #fff;
          float: left;
          cursor: pointer;
          padding: 0;
          -webkit-transition: all 0s ease-in-out 0s;
          -moz-transition: all 0s ease-in-out 0s;
          -ms-transition: all 0s ease-in-out 0s;
          -o-transition: all 0s ease-in-out 0s;
          transition: all 0s ease-in-out 0s;
          outline: 0; }
          .x-container .section2 .inner .input .btn:hover {
            opacity: 100;
            filter: alpha(opacity=100); }
          .x-container .section2 .inner .input .btn:active {
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
          .x-container .section2 .inner .input .btn:hover {
            background-color: #1983e6; }
      .x-container .section2 .inner .filter {
        margin-top: 18px;
        font-size: 0;
        padding-left: 8px; }
        .x-container .section2 .inner .filter .g-cb {
          min-height: 17px;
          margin-right: 28px;
          margin-bottom: 15px; }
          .x-container .section2 .inner .filter .g-cb input {
            position: absolute;
            left: -9999px; }
          .x-container .section2 .inner .filter .g-cb i {
            display: block;
            width: 17px;
            height: 17px;
            float: left;
            background: url(../img/icon16.png) no-repeat;
            text-indent: -9999px;
            margin-right: 6px;
            cursor: pointer; }
          .x-container .section2 .inner .filter .g-cb span {
            float: left;
            font: 300 15px/16px "Ubuntu", Arial, sans-serif !important;
            color: #626b7a; }
          .x-container .section2 .inner .filter .g-cb.active i {
            background-position: 0 -17px; }
    .x-container .section3 {
      width: 671px;
      float: left;
      margin-top: 20px; }
      .x-container .section3 .title {
        height: 68px;
        background-color: #e13434;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -ms-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        border-bottom: 4px solid #cd2b2b; }
        .x-container .section3 .title h3 {
          float: left;
          display: block;
          height: 68px;
          margin-bottom: -4px;
          background: url(../img/icon24.png) no-repeat 0 50%;
          margin-left: 17px;
          font: 500 20px/66px "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          padding-left: 42px; }
        .x-container .section3 .title .controller {
          display: none;
          float: right;
          height: 64px;
          background: #d63131 url(../img/bg8.png) no-repeat;
          padding-top: 25px;
          padding-left: 30px;
          padding-right: 16px;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
          font-size: 0; }
          .x-container .section3 .title .controller .control {
            width: 10px;
            height: 19px;
            background: url(../img/icon25.png) no-repeat;
            text-indent: -9999px;
            opacity: .90;
            filter: alpha(opacity=90); }
            .x-container .section3 .title .controller .control.prev {
              margin-right: 7px; }
            .x-container .section3 .title .controller .control.next {
              background-position: -10px 0;
              margin-left: 7px; }
            .x-container .section3 .title .controller .control:hover {
              opacity: 100;
              filter: alpha(opacity=100); }
          .x-container .section3 .title .controller .dots {
            display: inline-block;
            margin-top: 3px;
            font-size: 0; }
            .x-container .section3 .title .controller .dots div {
              width: 12px;
              height: 12px;
              border: 2px solid #fff;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%;
              background-color: transparent;
              text-indent: -9999px;
              opacity: .20;
              filter: alpha(opacity=20);
              -webkit-transition: all 0.15s ease-in-out 0s;
              -moz-transition: all 0.15s ease-in-out 0s;
              -ms-transition: all 0.15s ease-in-out 0s;
              -o-transition: all 0.15s ease-in-out 0s;
              transition: all 0.15s ease-in-out 0s;
              cursor: pointer;
              margin: 0 2px;
              cursor: pointer; }
              .x-container .section3 .title .controller .dots div:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section3 .title .controller .dots div:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section3 .title .controller .dots div.active {
                opacity: 100;
                filter: alpha(opacity=100); }
      .x-container .section3 .inner {
        border: 1px solid #e9e9e9;
        position: relative;
        height: 176px;
        border-top: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden; }
        .x-container .section3 .inner:before {
          content: '';
          background-color: rgba(32, 36, 42, 0.03);
          position: absolute;
          left: 0;
          bottom: 0;
          height: 4px;
          width: 100%;
          z-index: 5; }
        .x-container .section3 .inner .owl-carousel {
          display: block;
          z-index: 4;
          position: relative; }
          .x-container .section3 .inner .owl-carousel .owl-item:nth-child(odd) {
            background-color: #f6f7f7; }
        .x-container .section3 .inner .item {
          width: 223px;
          float: left;
          text-align: center;
          min-height: 175px; }
          .x-container .section3 .inner .item .i-icon {
            display: table;
            width: 100%;
            height: 125px;
            padding: 10px 15px; }
            .x-container .section3 .inner .item .i-icon i {
              display: table-cell;
              vertical-align: middle;
              font-size: 0; }
          .x-container .section3 .inner .item .i-title {
            display: block;
            padding: 0 40px;
            font: 500 14px/17px "Ubuntu", Arial, sans-serif !important;
            color: #4c5d66; }
            .x-container .section3 .inner .item .i-title a {
              color: #4c5d66; }
              .x-container .section3 .inner .item .i-title a:hover {
                color: #e13434; }
    .x-container .section4 {
      width: 312px;
      float: right;
      margin-top: 20px; }
      .x-container .section4 .title {
        height: 68px;
        background-color: #e13434;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -ms-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        border-bottom: 4px solid #cd2b2b; }
        .x-container .section4 .title h3 {
          float: left;
          display: block;
          height: 68px;
          margin-bottom: -4px;
          background: url(../img/icon26.png) no-repeat 0 50%;
          margin-left: 17px;
          font: 500 20px/66px "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          padding-left: 46px; }
      .x-container .section4 .inner {
        border: 1px solid #e9e9e9;
        position: relative;
        height: 176px;
        border-top: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        overflow: hidden; }
        .x-container .section4 .inner .owl-carousel {
          display: block;
          z-index: 4;
          position: relative;
          height: 130px; }
        .x-container .section4 .inner .item {
          height: 130px;
          position: relative;
          padding: 20px 108px 0 20px; }
          .x-container .section4 .inner .item:before {
            content: '';
            background: url(../img/icon27.png) no-repeat;
            width: 66px;
            height: 60px;
            right: 20px;
            top: 37px;
            z-index: 3;
            position: absolute; }
          .x-container .section4 .inner .item strong {
            display: block;
            font: 400 21px/120% "Ubuntu", Arial, sans-serif !important;
            color: #4c5d66;
            letter-spacing: .04em; }
          .x-container .section4 .inner .item span {
            display: block;
            font: 13px/23px "Ubuntu", Arial, sans-serif !important;
            color: #4c5d66;
            letter-spacing: .04em; }
        .x-container .section4 .inner .controller {
          background-color: #f5f5f5;
          display: none;
          height: 45px;
          -webkit-border-radius: 0 0 3px 3px;
          -moz-border-radius: 0 0 3px 3px;
          -ms-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
          border-top: 1px solid #e3e3e3;
          padding-top: 13px;
          text-align: center;
          font-size: 0; }
          .x-container .section4 .inner .controller .control {
            background: url(../img/icon28.png) no-repeat;
            width: 10px;
            height: 19px;
            text-indent: -9999px; }
            .x-container .section4 .inner .controller .control.prev {
              margin-right: 7px; }
              .x-container .section4 .inner .controller .control.prev:hover {
                background-position: 0 -19px; }
            .x-container .section4 .inner .controller .control.next {
              margin-left: 7px;
              background-position: -10px 0; }
              .x-container .section4 .inner .controller .control.next:hover {
                background-position: -10px -19px; }
          .x-container .section4 .inner .controller .dots {
            margin-top: 3px;
            font-size: 0; }
            .x-container .section4 .inner .controller .dots div {
              cursor: pointer;
              -webkit-transition: all 0.15s ease-in-out 0s;
              -moz-transition: all 0.15s ease-in-out 0s;
              -ms-transition: all 0.15s ease-in-out 0s;
              -o-transition: all 0.15s ease-in-out 0s;
              transition: all 0.15s ease-in-out 0s;
              width: 12px;
              height: 12px;
              border: 2px solid #cccfd1;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%;
              text-indent: -9999px;
              cursor: pointer;
              margin: 0 2px; }
              .x-container .section4 .inner .controller .dots div:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section4 .inner .controller .dots div:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section4 .inner .controller .dots div.active {
                border-color: #e13434; }
    .x-container .section5 {
      margin-top: 20px;
      border: 1px solid #e8e8e8;
      height: 75px;
      position: relative;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      padding: 0 3px; }
      .x-container .section5 .control {
        display: none;
        background: url(../img/icon29.png) no-repeat;
        width: 19px;
        height: 38px;
        text-indent: -9999px;
        position: absolute;
        top: 20px;
        z-index: 5; }
        .x-container .section5 .control.prev {
          left: -19px; }
          .x-container .section5 .control.prev:hover {
            background-position: 0 -38px; }
        .x-container .section5 .control.next {
          right: -19px;
          background-position: -19px 0; }
          .x-container .section5 .control.next:hover {
            background-position: -19px -38px; }
      .x-container .section5 .owl-carousel {
        display: block; }
      .x-container .section5 .item {
        width: 124px;
        height: 73px;
        float: left; }
        .x-container .section5 .item span {
          display: table;
          width: 100%;
          height: 100%;
          text-align: center;
          font-size: 0;
          padding: 5px; }
          .x-container .section5 .item span a {
            display: table-cell;
            vertical-align: middle; }
            .x-container .section5 .item span a img {
              max-width: 100%;
              max-height: 65px;
              opacity: .50;
              filter: alpha(opacity=50);
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s; }
            .x-container .section5 .item span a:hover img {
              opacity: .80;
              filter: alpha(opacity=80); }
    .x-container .cover {
      position: relative;
      overflow: hidden;
      background-repeat: repeat-x;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      .x-container .cover h1 {
        float: left;
        font: 300 40px "Flexo", Arial, sans-serif !important;
        color: #ffffff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.27); }
      .x-container .cover.text-right h1 {
        float: right; }
      .x-container .cover h6 {
        display: block;
        position: absolute;
        background-color: #d22929;
        height: 58px;
        padding-right: 73px;
        -webkit-border-radius: 0 3px 0 0;
        -moz-border-radius: 0 3px 0 0;
        -ms-border-radius: 0 3px 0 0;
        border-radius: 0 3px 0 0;
        -webkit-box-shadow: 4px 6px 0 rgba(63, 63, 63, 0.1);
        -moz-box-shadow: 4px 6px 0 rgba(63, 63, 63, 0.1);
        -ms-box-shadow: 4px 6px 0 rgba(63, 63, 63, 0.1);
        -o-box-shadow: 4px 6px 0 rgba(63, 63, 63, 0.1);
        box-shadow: 4px 6px 0 rgba(63, 63, 63, 0.1);
        left: 0;
        bottom: 0;
        z-index: 2;
        font: 300 22px/59px "Flexo", Arial, sans-serif !important;
        color: #ffffff; }
        .x-container .cover h6:before {
          content: '';
          background: url(../img/icon31.png) no-repeat;
          width: 16px;
          height: 27px;
          position: absolute;
          right: 19px;
          top: 17px; }
        .x-container .cover h6:after {
          content: '';
          width: 5000px;
          height: 58px;
          position: absolute;
          background-color: #d22929;
          left: -5000px;
          top: 0;
          z-index: 2; }
      .x-container .cover .center {
        position: relative;
        height: 100%; }
      .x-container .cover.bg1 {
        background-image: url(../img/full-bg1.jpg);
        height: 222px; }
        .x-container .cover.bg1 h1 {
          line-height: 165px !important; }
      .x-container .cover.bg2 {
        background-image: url(../img/full-bg2.jpg);
        height: 196px; }
        .x-container .cover.bg2 h1 {
          line-height: 195px !important; }
      .x-container .cover.bg3 {
        background-image: url(../img/full-bg3.jpg);
        height: 219px; }
        .x-container .cover.bg3 h1 {
          line-height: 161px !important; }
        .x-container .cover.bg3 h6:before {
          background: url(../img/icon35.png) no-repeat;
          width: 26px;
          height: 26px;
          right: 18px;
          top: 18px; }
      .x-container .cover.bg4 {
        background-image: url(../img/full-bg4.jpg);
        height: 219px; }
        .x-container .cover.bg4 h1 {
          line-height: 161px !important; }
        .x-container .cover.bg4 h6:before {
          background: url(../img/icon37.png) no-repeat;
          width: 19px;
          height: 29px;
          right: 15px;
          top: 17px; }
      .x-container .cover.bg5 {
        background-image: url(../img/full-bg5.jpg);
        height: 219px; }
        .x-container .cover.bg5 h1 {
          line-height: 161px !important; }
        .x-container .cover.bg5 h6:before {
          width: 29px;
          height: 34px;
          right: 15px;
          top: 14px; }
      .x-container .cover.bg6 {
        background-image: url(../img/full-bg6.jpg);
        height: 219px; }
        .x-container .cover.bg6 h1 {
          line-height: 161px !important;
          color: #828991;
          text-shadow: inherit; }
      .x-container .cover.map {
        height: 326px; }
        .x-container .cover.map .center {
          margin-top: -58px;
          position: relative;
          z-index: 3;
          height: 58px; }
    .x-container .section6 {
      background-color: #fafafa;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .x-container .section6 .thumbs {
        height: 110px; }
        .x-container .section6 .thumbs ul {
          display: table;
          height: 110px;
          table-layout: fixed;
          width: 100%;
          text-align: center; }
          .x-container .section6 .thumbs ul li {
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            background-color: #f6f6f6;
            display: table-cell;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            height: 110px;
            border-bottom: 10px solid #d22929;
            font-size: 0; }
            .x-container .section6 .thumbs ul li:before {
              content: '';
              height: 100px;
              width: 1px;
              background-color: #e9e8e8;
              position: absolute;
              right: 0;
              top: 0; }
            .x-container .section6 .thumbs ul li:last-child {
              border-right: 0; }
              .x-container .section6 .thumbs ul li:last-child:before {
                display: none; }
            .x-container .section6 .thumbs ul li:hover {
              border-bottom-color: #aa2f2f;
              background-color: #f0f0f0; }
            .x-container .section6 .thumbs ul li.active {
              border-bottom-color: #fafafa;
              background-color: #fafafa; }
              .x-container .section6 .thumbs ul li.active:before {
                background-color: #fafafa; }
      .x-container .section6 .inner {
        padding: 55px 63px 40px 20px; }
        .x-container .section6 .inner .inner-item {
          overflow: hidden; }
        .x-container .section6 .inner .desc {
          float: left;
          width: 480px; }
          .x-container .section6 .inner .desc li {
            font: 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #91a2ac;
            margin-bottom: 27px; }
            .x-container .section6 .inner .desc li:last-child {
              margin-bottom: 0; }
            .x-container .section6 .inner .desc li strong {
              width: 111px;
              font-weight: normal !important; }
            .x-container .section6 .inner .desc li em {
              margin-right: 12px;
              font-style: normal; }
        .x-container .section6 .inner .logo {
          float: right;
          background: url(../img/bg10.png) no-repeat 50% bottom;
          padding-bottom: 44px;
          font-size: 0; }
      .x-container .section6 .bottom {
        background-color: #fff;
        padding: 25px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px; }
        .x-container .section6 .bottom h3 {
          display: block;
          font: 21px/120% "Ubuntu", Arial, sans-serif !important;
          color: #91a2ac;
          margin-bottom: 10px; }
        .x-container .section6 .bottom p {
          font: 300 16px/26px "Ubuntu", Arial, sans-serif !important;
          color: #91a2ac; }
          .x-container .section6 .bottom p a {
            color: #91a2ac;
            text-decoration: underline !important; }
            .x-container .section6 .bottom p a:hover {
              color: #e13434;
              text-decoration: none !important; }
        .x-container .section6 .bottom .btn-customer {
          display: block;
          float: right;
          width: 212px;
          height: 58px;
          background-color: #d22929;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          text-align: center;
          font: 500 16px/57px "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          cursor: pointer;
          -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
          -moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
          -ms-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
          -o-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
          box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
          margin-left: 80px;
          margin-top: 25px; }
          .x-container .section6 .bottom .btn-customer:hover {
            opacity: 100;
            filter: alpha(opacity=100); }
          .x-container .section6 .bottom .btn-customer:active {
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
          .x-container .section6 .bottom .btn-customer:hover {
            background-color: #df2b2b; }
    .x-container .section7 {
      background-color: #fafafa;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .x-container .section7 .thumbs {
        height: 124px; }
        .x-container .section7 .thumbs ul {
          display: table;
          height: 124px;
          table-layout: fixed;
          width: 100%;
          text-align: center; }
          .x-container .section7 .thumbs ul li {
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            background-color: #f6f6f6;
            display: table-cell;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            height: 124px;
            border-bottom: 10px solid #d22929;
            font: 300 17px/23px "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            padding: 0 60px; }
            .x-container .section7 .thumbs ul li a {
              color: #414f5c; }
            .x-container .section7 .thumbs ul li:before {
              content: '';
              height: 100px;
              width: 1px;
              background-color: #e9e8e8;
              position: absolute;
              right: 0;
              top: 0; }
            .x-container .section7 .thumbs ul li:last-child {
              border-right: 0; }
              .x-container .section7 .thumbs ul li:last-child:before {
                display: none; }
            .x-container .section7 .thumbs ul li:hover {
              border-bottom-color: #aa2f2f;
              background-color: #f0f0f0; }
            .x-container .section7 .thumbs ul li.active {
              border-bottom-color: #fafafa;
              background-color: #fafafa; }
              .x-container .section7 .thumbs ul li.active:before {
                background-color: #fafafa; }
      .x-container .section7 .inner {
        padding-top: 35px;
        background-color: #fafafa; }
        .x-container .section7 .inner .input {
          margin: 0 14px;
          position: relative; }
          .x-container .section7 .inner .input .tb {
            width: 100%;
            height: 67px;
            border: 1px solid #e3e4e4;
            font: 300 23px "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            background: #fff url(../img/bg11.png) no-repeat 22px 50%;
            padding: 0 160px 4px 83px;
            line-height: 65px\9 !important;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px; }
            .x-container .section7 .inner .input .tb:focus {
              -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
              -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
              -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
              -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
              box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset; }
          .x-container .section7 .inner .input .btn {
            display: block;
            width: 147px;
            height: 56px;
            background-color: #d22929;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            font: 500 16px/55px "Ubuntu", Arial, sans-serif !important;
            color: #ffffff;
            padding: 0;
            -webkit-transition: all 0s ease-in-out 0s;
            -moz-transition: all 0s ease-in-out 0s;
            -ms-transition: all 0s ease-in-out 0s;
            -o-transition: all 0s ease-in-out 0s;
            transition: all 0s ease-in-out 0s;
            outline: 0 !important;
            cursor: pointer;
            -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
            -moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
            -ms-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
            -o-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
            box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.23) inset;
            position: absolute;
            right: 6px;
            top: 6px; }
            .x-container .section7 .inner .input .btn:hover {
              opacity: 100;
              filter: alpha(opacity=100); }
            .x-container .section7 .inner .input .btn:active {
              -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
            .x-container .section7 .inner .input .btn:hover {
              background-color: #df2b2b; }
        .x-container .section7 .inner .filter {
          padding: 16px 0 8px 18px;
          font-size: 0; }
          .x-container .section7 .inner .filter .g-cb {
            min-height: 15px;
            min-width: 65px;
            margin-right: 14px;
            margin-bottom: 16px;
            white-space: nowrap; }
            .x-container .section7 .inner .filter .g-cb input {
              position: absolute;
              left: -9999px; }
            .x-container .section7 .inner .filter .g-cb i {
              width: 15px;
              height: 15px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              background: #aeaeae url(../img/icon36.png) no-repeat 3px 500px;
              margin-right: 8px;
              cursor: pointer; }
              .x-container .section7 .inner .filter .g-cb i:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section7 .inner .filter .g-cb i:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
            .x-container .section7 .inner .filter .g-cb span {
              font: 14px/14px "Ubuntu", Arial, sans-serif !important;
              color: #536979; }
            .x-container .section7 .inner .filter .g-cb.active i {
              background-color: #cd2928;
              background-position: 3px 3px; }
        .x-container .section7 .inner .result {
          background-color: #fff;
          padding: 15px; }
          .x-container .section7 .inner .result table {
            width: 100%; }
            .x-container .section7 .inner .result table tr {
              border-bottom: 1px solid #f0f0f0; }
            .x-container .section7 .inner .result table td {
              height: 28px;
              text-align: center;
              font: 13px/120% "Ubuntu", Arial, sans-serif !important;
              color: #a8a5a7;
              vertical-align: middle; }
            .x-container .section7 .inner .result table thead td {
              color: #5b5f69;
              font-size: 15px; }
            .x-container .section7 .inner .result table tbody tr:hover {
              background-color: #f2f2f4; }
            .x-container .section7 .inner .result table tbody tr:last-child {
              border-bottom: 0; }
    .x-container .section8 {
      background-color: #fafafa;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .x-container .section8 .thumbs {
        height: 124px; }
        .x-container .section8 .thumbs ul {
          display: table;
          height: 124px;
          table-layout: fixed;
          width: 100%;
          text-align: center; }
          .x-container .section8 .thumbs ul li {
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            background-color: #f6f6f6;
            display: table-cell;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            height: 124px;
            border-bottom: 10px solid #d22929;
            font: 300 17px/23px "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            padding: 0 20; }
            .x-container .section8 .thumbs ul li a {
              color: #414f5c; }
            .x-container .section8 .thumbs ul li .icon {
              width: 100%;
              text-align: center;
              margin-bottom: 8px; }
            .x-container .section8 .thumbs ul li:before {
              content: '';
              height: 100px;
              width: 1px;
              background-color: #e9e8e8;
              position: absolute;
              right: 0;
              top: 0; }
            .x-container .section8 .thumbs ul li:last-child {
              border-right: 0; }
              .x-container .section8 .thumbs ul li:last-child:before {
                display: none; }
            .x-container .section8 .thumbs ul li:hover {
              border-bottom-color: #aa2f2f;
              background-color: #f0f0f0; }
            .x-container .section8 .thumbs ul li.active {
              border-bottom-color: #fafafa;
              background-color: #fafafa; }
              .x-container .section8 .thumbs ul li.active:before {
                background-color: #fafafa; }
      .x-container .section8 .inner {
        padding-top: 47px;
        background-color: #fafafa;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        overflow: hidden; }
        .x-container .section8 .inner .i-top {
          padding: 0 41px 38px 23px; }
          .x-container .section8 .inner .i-top .flag {
            float: right;
            margin-left: 50px;
            width: 100px;
            text-align: center;
            font-size: 0;
            background: url(../img/bg12.png) no-repeat 50% bottom;
            padding-bottom: 22px; }
            .x-container .section8 .inner .i-top .flag img {
              width: 100%; }
          .x-container .section8 .inner .i-top h6 {
            display: block;
            font: 300 23px/120% "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            margin-bottom: 13px; }
          .x-container .section8 .inner .i-top p {
            display: block;
            font: 300 15px/22px "Ubuntu", Arial, sans-serif !important;
            color: #888f96;
            margin-left: 2px; }
        .x-container .section8 .inner .i-prop {
          background-color: #fff;
          padding: 18px 18px 2px 18px;
          -webkit-border-radius: 0 0 3px 3px;
          -moz-border-radius: 0 0 3px 3px;
          -ms-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px; }
          .x-container .section8 .inner .i-prop table {
            width: 100%;
            border-collapse: separate; }
            .x-container .section8 .inner .i-prop table td {
              font: 300 14px/22px "Ubuntu", Arial, sans-serif !important;
              color: #576c78;
              height: 151px;
              text-align: center;
              padding: 0 24px;
              vertical-align: middle; }
              .x-container .section8 .inner .i-prop table td:nth-child(odd) {
                background-color: #fafafa; }
              .x-container .section8 .inner .i-prop table td:first-child {
                padding: 0 30px; }
              .x-container .section8 .inner .i-prop table td:last-child {
                padding: 0 11px; }
              .x-container .section8 .inner .i-prop table td h6 {
                font: 16px/120% "Ubuntu", Arial, sans-serif !important;
                color: #576c78;
                margin-bottom: 16px; }
              .x-container .section8 .inner .i-prop table td .icons {
                margin-top: 5px; }
              .x-container .section8 .inner .i-prop table td i {
                height: 62px;
                width: 100%;
                background-repeat: no-repeat;
                background-position: 50% 0; }
                .x-container .section8 .inner .i-prop table td i.icon-core {
                  background-image: url(../img/icon41.png); }
                .x-container .section8 .inner .i-prop table td i.icon-ram {
                  background-image: url(../img/icon42.png); }
                .x-container .section8 .inner .i-prop table td i.icon-hdd {
                  background-image: url(../img/icon43.png); }
                .x-container .section8 .inner .i-prop table td i.icon-trafic {
                  background-image: url(../img/icon44.png); }
                .x-container .section8 .inner .i-prop table td i.icon-chart {
                  background-image: url(../img/icon45.png); }
              .x-container .section8 .inner .i-prop table td .price {
                font: 500 26px/120% "Ubuntu", Arial, sans-serif !important;
                color: #576c78; }
              .x-container .section8 .inner .i-prop table td .btn-buy {
                width: 134px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                margin-top: 35px;
                background: #d22929 url(../img/bg13.png) no-repeat right 0;
                height: 38px;
                padding-right: 42px;
                text-align: center;
                font: 500 13px/37px "Ubuntu", Arial, sans-serif !important;
                color: #ffffff;
                -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.14) inset;
                -moz-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.14) inset;
                -ms-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.14) inset;
                -o-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.14) inset;
                box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.14) inset;
                cursor: pointer; }
                .x-container .section8 .inner .i-prop table td .btn-buy:hover {
                  opacity: 100;
                  filter: alpha(opacity=100); }
                .x-container .section8 .inner .i-prop table td .btn-buy:active {
                  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
                .x-container .section8 .inner .i-prop table td .btn-buy:hover {
                  background-color: #e02727; }
            .x-container .section8 .inner .i-prop table tr {
              display: block;
              width: 100%;
              margin-bottom: 16px; }
              .x-container .section8 .inner .i-prop table tr:hover {
                -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
                -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
                -ms-box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
                -o-box-shadow: 0 0 13px rgba(0, 0, 0, 0.17);
                box-shadow: 0 0 13px rgba(0, 0, 0, 0.17); }
    .x-container .page {
      padding-top: 16px; }
      .x-container .page .sidebar {
        width: 250px;
        float: left;
        background-color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        .x-container .page .sidebar h3 {
          display: block;
          height: 67px;
          background: #d22929 url(../img/icon33.png) no-repeat 0 21px;
          border-bottom: 5px solid #a23434;
          padding-left: 29px;
          font: 18px/65px "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
          -ms-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0; }
        .x-container .page .sidebar ul {
          padding: 9px; }
          .x-container .page .sidebar ul li {
            margin-bottom: 10px; }
            .x-container .page .sidebar ul li:last-child {
              margin-bottom: 0; }
            .x-container .page .sidebar ul li a {
              display: block;
              background: url(../img/icon34.png) no-repeat 12px 13px;
              font: 300 15px/120% "Ubuntu", Arial, sans-serif !important;
              color: #596468;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              padding: 9px 0 8px 28px; }
              .x-container .page .sidebar ul li a:hover {
                color: #e13434; }
            .x-container .page .sidebar ul li.active a {
              color: #596468;
              background-color: #f7f7f7; }
      .x-container .page .content {
        background-color: #fff;
        margin-left: 262px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        .x-container .page .content .c-title {
          background-color: #f9f9f9;
          display: block;
          height: 67px;
          border-bottom: 5px solid #eeeff0;
          padding-left: 24px;
          font: 18px/65px "Ubuntu", Arial, sans-serif !important;
          color: #596468;
          -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
          -ms-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0; }
        .x-container .page .content .c-inner {
          padding: 25px 20px; }
          .x-container .page .content .c-inner .gallery {
            overflow: hidden;
            margin-bottom: -26px; }
            .x-container .page .content .c-inner .gallery li {
              float: left;
              list-style: none;
              margin: 0 26px 26px 0; }
              .x-container .page .content .c-inner .gallery li:nth-child(3n) {
                margin-right: 0; }
              .x-container .page .content .c-inner .gallery li a {
                display: block;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                font-size: 0;
                width: 215px;
                height: 130px;
                overflow: hidden;
                position: relative; }
                .x-container .page .content .c-inner .gallery li a img {
                  width: 100%;
                  height: 100%; }
                .x-container .page .content .c-inner .gallery li a:before {
                  content: '';
                  background: rgba(0, 0, 0, 0.6) url(../img/icon32.png) no-repeat 50% -50%;
                  position: absolute;
                  left: 0;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  -webkit-border-radius: 3px;
                  -moz-border-radius: 3px;
                  -ms-border-radius: 3px;
                  border-radius: 3px;
                  -webkit-transition: all 0.3s ease-in-out 0s;
                  -moz-transition: all 0.3s ease-in-out 0s;
                  -ms-transition: all 0.3s ease-in-out 0s;
                  -o-transition: all 0.3s ease-in-out 0s;
                  transition: all 0.3s ease-in-out 0s;
                  opacity: .0;
                  filter: alpha(opacity=0);
                  z-index: 2; }
                .x-container .page .content .c-inner .gallery li a:hover:before {
                  background-position: 50% 50%;
                  opacity: 100;
                  filter: alpha(opacity=100); }
      .x-container .page .text-column {
        font-family: "Ubuntu", Arial, sans-serif !important;
        font-weight: 300;
        color: #596468; }
        .x-container .page .text-column a {
          color: #596468; }
          .x-container .page .text-column a:hover {
            color: #e13434; }
        .x-container .page .text-column p {
          font-size: 14px;
          font-weight: 300;
          line-height: 120%; }
          .x-container .page .text-column p a {
            text-decoration: underline !important; }
            .x-container .page .text-column p a:hover {
              text-decoration: none !important; }
    .x-container .section9 {
      background: #fff url(../img/bg14.png) no-repeat right 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      margin-top: 20px;
      padding: 0 425px 30px 31px; }
      .x-container .section9 .title {
        height: 92px;
        font: 300 33px "Ubuntu", Arial, sans-serif !important;
        color: #414f5c;
        position: relative;
        margin-bottom: 26px; }
        .x-container .section9 .title:before {
          content: '';
          position: absolute;
          height: 5px;
          width: 100%;
          background-color: #f4f6f5;
          -webkit-border-radius: 25px;
          -moz-border-radius: 25px;
          -ms-border-radius: 25px;
          border-radius: 25px;
          bottom: 0;
          left: 0;
          z-index: 0; }
        .x-container .section9 .title h3 {
          display: block;
          float: left;
          height: 92px;
          position: relative;
          line-height: 92px; }
          .x-container .section9 .title h3:before {
            content: '';
            position: absolute;
            height: 5px;
            width: 100%;
            background-color: #d22929;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -ms-border-radius: 25px;
            border-radius: 25px;
            bottom: 0;
            left: 0;
            z-index: 0; }
      .x-container .section9 .inner {
        font: 300 15px/22px "Ubuntu", Arial, sans-serif !important;
        color: #414f5c; }
        .x-container .section9 .inner a {
          color: #414f5c;
          text-decoration: underline !important; }
          .x-container .section9 .inner a:hover {
            color: #e13434;
            text-decoration: none !important; }
      .x-container .section9.bg2 {
        background: #ececec url(../img/bg15.png) no-repeat right bottom; }
    .x-container .section10 {
      margin-top: 20px;
      margin-bottom: -18px; }
      .x-container .section10 .box {
        width: 491px;
        float: left;
        margin: 0 18px 18px 0;
        background-color: #535353;
        position: relative;
        padding: 23px;
        min-height: 205px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        .x-container .section10 .box:nth-child(2n) {
          margin-right: 0; }
        .x-container .section10 .box h3 {
          display: block;
          font: 300 25px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          margin-bottom: 20px; }
        .x-container .section10 .box p {
          display: block;
          font: 300 15px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff; }
        .x-container .section10 .box.color-red {
          background-color: #d22929 !important; }
        .x-container .section10 .box.color-blue {
          background-color: #0083ca !important; }
        .x-container .section10 .box.icon-hdd {
          padding-right: 176px; }
          .x-container .section10 .box.icon-hdd:before {
            content: '';
            background: url(../img/icon46.png) no-repeat;
            width: 97px;
            height: 157px;
            position: absolute;
            right: 27px;
            top: 27px;
            z-index: 2; }
        .x-container .section10 .box.icon-dell {
          padding-right: 176px; }
          .x-container .section10 .box.icon-dell:before {
            content: '';
            background: url(../img/icon47.png) no-repeat;
            width: 150px;
            height: 150px;
            position: absolute;
            right: 17px;
            top: 23px;
            z-index: 2; }
    .x-container .section11 {
      position: relative;
      z-index: 3;
      background-color: #fafafa;
      margin-bottom: -19px;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .x-container .section11 .thumbs {
        height: 110px; }
        .x-container .section11 .thumbs ul {
          display: table;
          height: 110px;
          table-layout: fixed;
          width: 100%;
          text-align: center; }
          .x-container .section11 .thumbs ul li {
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            background-color: #f6f6f6;
            display: table-cell;
            vertical-align: middle;
            position: relative;
            cursor: pointer;
            height: 110px;
            border-bottom: 10px solid #d22929;
            font: 300 17px/23px "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            padding: 0 40px; }
            .x-container .section11 .thumbs ul li a {
              color: #414f5c; }
            .x-container .section11 .thumbs ul li:before {
              content: '';
              height: 100px;
              width: 1px;
              background-color: #e9e8e8;
              position: absolute;
              right: 0;
              top: 0; }
            .x-container .section11 .thumbs ul li:last-child {
              border-right: 0; }
              .x-container .section11 .thumbs ul li:last-child:before {
                display: none; }
            .x-container .section11 .thumbs ul li:hover {
              border-bottom-color: #aa2f2f;
              background-color: #f0f0f0; }
            .x-container .section11 .thumbs ul li.active {
              border-bottom-color: #fafafa;
              background-color: #fafafa; }
              .x-container .section11 .thumbs ul li.active:before {
                background-color: #fafafa; }
      .x-container .section11 .inner {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -ms-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        background-color: #fafafa;
        padding-top: 39px; }
        .x-container .section11 .inner .i-top {
          padding: 0 41px 38px 23px; }
          .x-container .section11 .inner .i-top .icon {
            float: right;
            margin-left: 50px;
            width: 100px;
            text-align: center;
            font-size: 0;
            background: url(../img/bg12.png) no-repeat 50% bottom;
            padding-bottom: 22px; }
            .x-container .section11 .inner .i-top .icon img {
              max-width: 100%; }
          .x-container .section11 .inner .i-top h6 {
            display: block;
            font: 300 23px/120% "Ubuntu", Arial, sans-serif !important;
            color: #414f5c;
            margin-bottom: 13px; }
          .x-container .section11 .inner .i-top p {
            display: block;
            font: 300 15px/22px "Ubuntu", Arial, sans-serif !important;
            color: #888f96;
            margin-left: 2px; }
        .x-container .section11 .inner .i-packages {
          background-color: #fff;
          padding: 19px 18px 0 19px;
          overflow: hidden;
          -webkit-border-radius: 0 0 3px 3px;
          -moz-border-radius: 0 0 3px 3px;
          -ms-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px; }
          .x-container .section11 .inner .i-packages .item {
            width: 222px;
            margin-right: 25px;
            margin-bottom: 25px;
            float: left;
            background-color: #fff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
            -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
            -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
            -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.11); }
            .x-container .section11 .inner .i-packages .item:nth-child(4n) {
              margin-right: 0; }
            .x-container .section11 .inner .i-packages .item .i-top {
              height: 168px;
              background-color: #394962;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              text-align: center;
              padding-top: 23px;
              padding-left: 18px;
              padding-right: 18px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              color: #fff;
              font-family: "Ubuntu", Arial, sans-serif !important; }
              .x-container .section11 .inner .i-packages .item .i-top h6 {
                display: block;
                font-size: 19px; }
              .x-container .section11 .inner .i-packages .item .i-top h2 {
                font-weight: 300;
                font-size: 51px;
                line-height: 120%;
                margin-top: 12px; }
                .x-container .section11 .inner .i-packages .item .i-top h2 em {
                  font-style: normal;
                  font-size: 21px;
                  vertical-align: text-bottom;
                  position: relative;
                  top: 10px;
                  margin-left: 5px; }
              .x-container .section11 .inner .i-packages .item .i-top span {
                display: block;
                margin-top: 15px;
                font-size: 11px;
                line-height: 120%; }
            .x-container .section11 .inner .i-packages .item .i-desc {
              min-height: 230px;
              padding: 14px 0; }
              .x-container .section11 .inner .i-packages .item .i-desc ul li {
                border-bottom: 1px solid #f6f6f6;
                min-height: 30px;
                text-align: center;
                font: 300 13px/120% "Ubuntu", Arial, sans-serif !important;
                color: #6a6a6a;
                padding: 7px 10px; }
            .x-container .section11 .inner .i-packages .item .i-btn {
              padding: 0 12px 22px 12px; }
              .x-container .section11 .inner .i-packages .item .i-btn a {
                display: block;
                height: 34px;
                text-align: center;
                font: 13px/30px "Ubuntu", Arial, sans-serif !important;
                color: #394962;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                border: 1px solid #d62c2c;
                -webkit-transition: all 0.2s ease-in-out 0s;
                -moz-transition: all 0.2s ease-in-out 0s;
                -ms-transition: all 0.2s ease-in-out 0s;
                -o-transition: all 0.2s ease-in-out 0s;
                transition: all 0.2s ease-in-out 0s;
                cursor: pointer; }
                .x-container .section11 .inner .i-packages .item .i-btn a:hover {
                  opacity: 100;
                  filter: alpha(opacity=100); }
                .x-container .section11 .inner .i-packages .item .i-btn a:active {
                  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
                .x-container .section11 .inner .i-packages .item .i-btn a:hover {
                  background-color: #d62c2c;
                  color: #fff; }
            .x-container .section11 .inner .i-packages .item:hover .i-top {
              background-color: #d62c2c; }
    .x-container .section12 {
      background: #fcfcfc url(../img/bg16.jpg) no-repeat 50% 0;
      height: 647px;
      padding-top: 19px;
      border-bottom: 1px solid #eeeeee; }
      .x-container .section12 .center {
        position: relative; }
      .x-container .section12 .title {
        height: 146px;
        text-align: center;
        font: 100 37px/145px "Flexo", Arial, sans-serif !important;
        color: #97b4c4; }
        .x-container .section12 .title img {
          vertical-align: text-bottom;
          position: relative;
          top: 13px;
          margin: 0 8px 0 10px; }
      .x-container .section12 .desc {
        height: 260px; }
        .x-container .section12 .desc ul {
          margin-left: 23px; }
          .x-container .section12 .desc ul li {
            width: 250px;
            float: left;
            text-align: center;
            margin: 0 34px; }
            .x-container .section12 .desc ul li .icon {
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%;
              overflow: hidden;
              display: block;
              width: 101px;
              height: 101px;
              margin: 0 auto 19px auto;
              background: url(../img/bg18.png) no-repeat;
              position: relative;
              text-align: center;
              font-size: 0; }
              .x-container .section12 .desc ul li .icon:after {
                content: '';
                position: absolute;
                background: url(../img/bg19.png) no-repeat 0 -91px;
                width: 91px;
                height: 91px;
                right: 0;
                top: 0;
                z-index: 5; }
              .x-container .section12 .desc ul li .icon:before {
                content: '';
                display: inline-block;
                position: relative;
                -webkit-transition: all 0.35s ease-in-out 0s;
                -moz-transition: all 0.35s ease-in-out 0s;
                -ms-transition: all 0.35s ease-in-out 0s;
                -o-transition: all 0.35s ease-in-out 0s;
                transition: all 0.35s ease-in-out 0s; }
              .x-container .section12 .desc ul li .icon.backup:before {
                background: url(../img/icon51.png) no-repeat;
                width: 54px;
                height: 56px;
                top: 22px; }
              .x-container .section12 .desc ul li .icon.script:before {
                background: url(../img/icon52.png) no-repeat;
                width: 81px;
                height: 84px;
                top: 10px; }
              .x-container .section12 .desc ul li .icon.support:before {
                background: url(../img/icon53.png) no-repeat;
                width: 74px;
                height: 65px;
                top: 19px; }
            .x-container .section12 .desc ul li h6 {
              display: block;
              font: 16px/120% "Flexo", Arial, sans-serif !important;
              color: #fbfbfb;
              margin-bottom: 9px; }
            .x-container .section12 .desc ul li span {
              display: block;
              font: 13px/24px "Flexo", Arial, sans-serif !important;
              color: #fbfbfb; }
            .x-container .section12 .desc ul li:hover .icon {
              background-position: 0 -101px; }
              .x-container .section12 .desc ul li:hover .icon:after {
                background-position: 0 0; }
              .x-container .section12 .desc ul li:hover .icon.backup:before {
                background-position: 0 -56px; }
              .x-container .section12 .desc ul li:hover .icon.script:before {
                background-position: 0 -84px; }
              .x-container .section12 .desc ul li:hover .icon.support:before {
                background-position: 0 -65px; }
      .x-container .section12 .contact {
        width: 340px;
        float: right;
        font: 300 17px/120% "Flexo", Arial, sans-serif !important;
        color: #a1b3bf;
        padding-right: 110px;
        background: url(../img/icon54.png) no-repeat right 0;
        min-height: 112px;
        padding-top: 6px;
        margin-top: 38px; }
        .x-container .section12 .contact h2 {
          color: #fff;
          display: block;
          font-size: 30px;
          line-height: 120%; }
          .x-container .section12 .contact h2 strong {
            font-weight: 600; }
        .x-container .section12 .contact span {
          display: block; }
      .x-container .section12 .text {
        float: left;
        width: 440px;
        position: relative;
        left: -46px;
        padding-left: 170px;
        background: url(../img/bg20.png) no-repeat 0 0;
        height: 139px;
        margin-top: 82px;
        padding-top: 14px; }
        .x-container .section12 .text h3 {
          display: block;
          font: 300 24px/120% "Flexo", Arial, sans-serif !important;
          color: #627884;
          margin-bottom: 13px; }
        .x-container .section12 .text span {
          display: block;
          font: 300 13px/120% "Flexo", Arial, sans-serif !important;
          color: #627884; }
    .x-container .section13 {
      background: #8ad0f2 url(../img/bg21.jpg) no-repeat 50% 0;
      min-height: 374px;
      padding-top: 155px;
      margin-bottom: -20px; }
      .x-container .section13.bg2 {
        background: #f7f5f6 url(../img/bg28.jpg) no-repeat 50% bottom; }
        .x-container .section13.bg2 h3, .x-container .section13.bg2 p {
          color: #656565;
          text-shadow: inherit; }
      .x-container .section13 .center {
        padding-left: 580px;
        padding-bottom: 20px; }
      .x-container .section13 h3 {
        display: block;
        font: 300 37px/120% "Flexo", Arial, sans-serif !important;
        color: #ffffff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);
        margin-bottom: 20px; }
      .x-container .section13 p {
        display: block;
        font: 300 18px/26px "Flexo", Arial, sans-serif !important;
        color: #ffffff; }
    .x-container .section14 {
      background-color: #fff;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      padding: 20px 20px 22px 29px; }
      .x-container .section14 .info {
        width: 450px;
        float: left;
        margin-top: 17px; }
        .x-container .section14 .info h3 {
          display: block;
          font: 20px/120% "Ubuntu", Arial, sans-serif !important;
          color: #373737; }
        .x-container .section14 .info ul li {
          height: 92px;
          display: table;
          width: 100%;
          border-bottom: 1px solid #f9f9f9;
          font: 16px/120% "Ubuntu", Arial, sans-serif !important;
          color: #9b9b9b; }
          .x-container .section14 .info ul li:last-child {
            border-bottom: 0; }
          .x-container .section14 .info ul li a {
            color: #9b9b9b; }
            .x-container .section14 .info ul li a:hover {
              text-decoration: underline !important;
              color: #e13434; }
          .x-container .section14 .info ul li span {
            display: table-cell;
            vertical-align: middle; }
      .x-container .section14 .form {
        width: 472px;
        float: right; }
        .x-container .section14 .form .item {
          width: 100%;
          margin-bottom: 13px; }
          .x-container .section14 .form .item.grid2 {
            float: left;
            width: 229px;
            margin-right: 14px; }
          .x-container .section14 .form .item > span {
            display: block;
            font: 300 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #929292;
            margin-bottom: 9px; }
        .x-container .section14 .form .tb, .x-container .section14 .form .ta {
          width: 100%;
          height: 43px;
          background-color: #f5f5f5;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          font: 300 16px "Ubuntu", Arial, sans-serif !important;
          color: #999;
          padding: 0 15px 2px 15px;
          line-height: 41px\9 !important; }
          .x-container .section14 .form .tb:focus, .x-container .section14 .form .ta:focus {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset; }
          .x-container .section14 .form .tb:focus, .x-container .section14 .form .ta:focus {
            color: #555; }
        .x-container .section14 .form .ta {
          resize: none;
          overflow: auto;
          height: 128px;
          padding: 13px 15px;
          line-height: 120%; }
        .x-container .section14 .form .verify {
          height: 43px;
          background-color: #f5f5f5;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          overflow: hidden; }
          .x-container .section14 .form .verify input {
            background: none;
            width: 117px;
            height: 43px;
            font: 300 13px "Ubuntu", Arial, sans-serif !important;
            color: #6b6b6b;
            padding: 0 15px 2px 15px; }
          .x-container .section14 .form .verify .code {
            float: right;
            margin-top: 10px;
            font-size: 0;
            margin-right: 12px; }
        .x-container .section14 .form .btn {
          margin-top: 27px;
          padding: 0;
          width: 121px;
          height: 42px;
          background-color: #d22929;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          text-align: center;
          font: 500 13px/40px "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          outline: 0 !important;
          -webkit-transition: all 0s ease-in-out 0s;
          -moz-transition: all 0s ease-in-out 0s;
          -ms-transition: all 0s ease-in-out 0s;
          -o-transition: all 0s ease-in-out 0s;
          transition: all 0s ease-in-out 0s;
          cursor: pointer;
          -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.28) inset;
          -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.28) inset;
          -ms-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.28) inset;
          -o-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.28) inset;
          box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.28) inset; }
          .x-container .section14 .form .btn:hover {
            opacity: 100;
            filter: alpha(opacity=100); }
          .x-container .section14 .form .btn:active {
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
          .x-container .section14 .form .btn:hover {
            background-color: #ea2929; }
    .x-container .form-column .seperator {
      height: 1px;
      background-color: #f2f2f2;
      display: block;
      margin-bottom: 13px; }
    .x-container .form-column .item {
      position: relative;
      margin-bottom: 13px;
      min-height: 57px;
      padding-left: 163px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      .x-container .form-column .item:last-child {
        margin-bottom: 0; }
      .x-container .form-column .item.nPL {
        min-height: 0;
        overflow: hidden; }
      .x-container .form-column .item.bg {
        background-color: #fafafa;
        min-height: 57px; }
      .x-container .form-column .item .i-title {
        background-color: #f4f4f5;
        width: 163px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -ms-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        font-size: 0;   
        display: block;
        overflow: hidden;}
        .x-container .form-column .item .i-title .i-icon {
          width: 68px;
          text-align: center;
          font-size: 0; }
          .x-container .form-column .item .i-title .i-icon.w50 {
            width: 50px; }
          .x-container .form-column .item .i-title .i-icon i.icon-mail {
            background: url(../img/icon56.png) no-repeat;
            width: 32px;
            height: 21px;
            margin-top: 18px; }
          .x-container .form-column .item .i-title .i-icon i.icon-lock {
            background: url(../img/icon57.png) no-repeat;
            width: 24px;
            height: 27px;
            margin-top: 14px; }
          .x-container .form-column .item .i-title .i-icon i.icon-default {
            background: url(../img/icon58.png) no-repeat;
            width: 20px;
            height: 20px;
            margin-top: 18px; }
        .x-container .form-column .item .i-title .i-text {
          font: 300 14px/56px "Ubuntu", Arial, sans-serif !important;
          color: #a1a1a1; }
      .x-container .form-column .item.active .i-title .i-text {
        color: #cd2928; }
      .x-container .form-column .item.active .i-title .i-icon i.icon-mail {
        background-position: 0 -21px; }
      .x-container .form-column .item.active .i-title .i-icon i.icon-lock {
        background-position: 0 -27px; }
      .x-container .form-column .item.active .i-title .i-icon i.icon-default {
        background-position: 0 -20px; }
      .x-container .form-column .item .tb {
        background-color: #fafafa;
        width: 100%;
        height: 57px;
        font: 300 18px "Ubuntu", Arial, sans-serif !important;
        color: #434d5c;
        padding: 0 21px 2px 21px;
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        -ms-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0; }
        .x-container .form-column .item .tb::-webkit-input-placeholder {
          color: #434d5c;
          opacity: 1 !important; }
        .x-container .form-column .item .tb:-moz-placeholder {
          /* Firefox 18- */
          color: #434d5c;
          opacity: 1 !important; }
        .x-container .form-column .item .tb::-moz-placeholder {
          /* Firefox 19+ */
          color: #434d5c;
          opacity: 1 !important; }
        .x-container .form-column .item .tb:-ms-input-placeholder {
          color: #434d5c;
          opacity: 1 !important; }
        .x-container .form-column .item .tb:focus {
          -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
          -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
          -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
          -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset; }
      .x-container .form-column .item .g-cb {
        margin-top: 17px;
        min-height: 38px;
        white-space: nowrap; }
        .x-container .form-column .item .g-cb input {
          position: absolute;
          left: -9999px; }
        .x-container .form-column .item .g-cb i {
          width: 15px;
          height: 15px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          background: #aeaeae url(../img/icon36.png) no-repeat 3px 500px;
          margin-right: 8px;
          cursor: pointer; }
          .x-container .form-column .item .g-cb i:hover {
            opacity: 100;
            filter: alpha(opacity=100); }
          .x-container .form-column .item .g-cb i:active {
            -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
        .x-container .form-column .item .g-cb span {
          font: 14px/14px "Ubuntu", Arial, sans-serif !important;
          color: #536979; }
          .x-container .form-column .item .g-cb span a {
            color: #cd2928; }
            .x-container .form-column .item .g-cb span a:hover {
              text-decoration: underline !important; }
        .x-container .form-column .item .g-cb.active i {
          background-color: #cd2928;
          background-position: 3px 3px; }
      .x-container .form-column .item .i-link {
        font: 300 17px/120% "Ubuntu", Arial, sans-serif !important;
        color: #536979;
        margin-top: 16px; }
        .x-container .form-column .item .i-link:hover {
          color: #e13434;
          text-decoration: underline !important; }
      .x-container .form-column .item .btn {
        width: 194px;
        height: 49px;
        background-color: #cd2928;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        font: 16px/47px "Ubuntu", Arial, sans-serif !important;
        color: #ffffff;
        -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
        -moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
        -ms-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
        -o-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
        box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
        padding: 0;
        margin: 0;
        outline: 0 !important;
        -webkit-transition: all 0s ease-in-out 0s;
        -moz-transition: all 0s ease-in-out 0s;
        -ms-transition: all 0s ease-in-out 0s;
        -o-transition: all 0s ease-in-out 0s;
        transition: all 0s ease-in-out 0s;
        cursor: pointer;
        position: relative; }
        .x-container .form-column .item .btn:hover {
          opacity: 100;
          filter: alpha(opacity=100); }
        .x-container .form-column .item .btn:active {
          -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
          -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
          -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
          -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
        .x-container .form-column .item .btn:before {
          display: none;
          content: '';
          width: 45px;
          height: 100%;
          position: absolute;
          right: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.1);
          background-repeat: no-repeat;
          background-position: 50% 50%;
          z-index: 2; }
        .x-container .form-column .item .btn:hover {
          background-color: #e92322; }
        .x-container .form-column .item .btn.primary {
          background-color: #8c8b8e; }
          .x-container .form-column .item .btn.primary:hover {
            background-color: #9f9e9f; }
        .x-container .form-column .item .btn.icon-default {
          padding-right: 45px; }
          .x-container .form-column .item .btn.icon-default:before {
            display: block;
            background-image: url(../img/icon59.png); }
        .x-container .form-column .item .btn.icon-lock {
          padding-right: 45px; }
          .x-container .form-column .item .btn.icon-lock:before {
            display: block;
            background-image: url(../img/icon60.png); }
      .x-container .form-column .item .g-sb {
        width: 100%;
        height: 57px; }
        .x-container .form-column .item .g-sb select {
          width: 100%;
          height: 57px; }
        .x-container .form-column .item .g-sb .sbHolder {
          width: 100%;
          height: 57px;
          position: relative;
          background-color: #fafafa;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0; }
          .x-container .form-column .item .g-sb .sbHolder.active {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -webkit-border-radius: 0 3px 0 0;
            -moz-border-radius: 0 3px 0 0;
            -ms-border-radius: 0 3px 0 0;
            border-radius: 0 3px 0 0; }
            .x-container .form-column .item .g-sb .sbHolder.active .sbToggle {
              background-position: 0 -6px; }
        .x-container .form-column .item .g-sb .sbSelector {
          display: block;
          height: 57px;
          font: 300 18px/56px "Ubuntu", Arial, sans-serif !important;
          color: #434d5c;
          padding: 0 45px 0 21px;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0; }
        .x-container .form-column .item .g-sb .sbToggle {
          display: block;
          background: url(../img/icon63.png) no-repeat;
          width: 11px;
          height: 6px;
          position: absolute;
          right: 19px;
          top: 27px; }
        .x-container .form-column .item .g-sb .sbOptions {
          background-color: #fafafa;
          min-width: 100%;
          width: auto;
          position: absolute;
          left: 0;
          top: 57px;
          max-height: 150px !important;
          overflow-y: auto !important;
          z-index: 10; }
          .x-container .form-column .item .g-sb .sbOptions::-webkit-scrollbar {
            border: 1px solid rgba(0, 0, 0, 0.05);
            width: 11px;
            background-color: #fff; }
          .x-container .form-column .item .g-sb .sbOptions::-webkit-scrollbar-thumb {
            background: #bcbcbc;
            border: 2px solid #fff;
            border-radius: 11px;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s; }
          .x-container .form-column .item .g-sb .sbOptions::-webkit-scrollbar-thumb:hover {
            background-color: #aaa; }
          .x-container .form-column .item .g-sb .sbOptions li a {
            display: block;
            height: 30px;
            padding: 0 21px;
            font: 300 18px/29px "Ubuntu", Arial, sans-serif !important;
            color: #434d5c; }
            .x-container .form-column .item .g-sb .sbOptions li a:hover {
              background-color: #e13434;
              color: #fff; }



        .x-container .form-column .item .g-sbx {
          width: 100%;
          height: 57px; 
          font: 300 18px/56px "Ubuntu", Arial, sans-serif !important;
          padding: 0 45px 0 21px;
          background-color: #fafafa;}
        .x-container input[type="checkbox"]{margin: 22px;}
        .x-container .item div{background-color: #fafafa;}
          
        .x-container .form-column .item .g-sbx.sbHolder {
          width: 100%;
          height: 57px;
          position: relative;
          background-color: #fafafa;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0; }
          .x-container .form-column .item .g-sbx.sbHolder.active {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -ms-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -o-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1) inset;
            -webkit-border-radius: 0 3px 0 0;
            -moz-border-radius: 0 3px 0 0;
            -ms-border-radius: 0 3px 0 0;
            border-radius: 0 3px 0 0; }
            .x-container .form-column .item .g-sbx.sbHolder.active .sbToggle {
              background-position: 0 -6px; }
        .x-container .form-column .item .g-sbx.sbSelector {
          display: block;
          height: 57px;
          font: 300 18px/56px "Ubuntu", Arial, sans-serif !important;
          color: #434d5c;
          padding: 0 45px 0 21px;
          -webkit-border-radius: 0 3px 3px 0;
          -moz-border-radius: 0 3px 3px 0;
          -ms-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0; }
        .x-container .form-column .item .g-sbx.sbToggle {
          display: block;
          background: url(../img/icon63.png) no-repeat;
          width: 11px;
          height: 6px;
          position: absolute;
          right: 19px;
          top: 27px; }
        .x-container .form-column .item .g-sbx.sbOptions {
          background-color: #fafafa;
          min-width: 100%;
          width: auto;
          position: absolute;
          left: 0;
          top: 57px;
          max-height: 150px !important;
          overflow-y: auto !important;
          z-index: 10; }
          .x-container .form-column .item .g-sbx.sbOptions::-webkit-scrollbar {
            border: 1px solid rgba(0, 0, 0, 0.05);
            width: 11px;
            background-color: #fff; }
          .x-container .form-column .item .g-sbx.sbOptions::-webkit-scrollbar-thumb {
            background: #bcbcbc;
            border: 2px solid #fff;
            border-radius: 11px;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s; }
          .x-container .form-column .item .g-sbx.sbOptions::-webkit-scrollbar-thumb:hover {
            background-color: #aaa; }
          .x-container .form-column .item .g-sbx.sbOptions li a {
            display: block;
            height: 30px;
            padding: 0 21px;
            font: 300 18px/29px "Ubuntu", Arial, sans-serif !important;
            color: #434d5c; }
            .x-container .form-column .item .g-sbx.sbOptions li a:hover {
              background-color: #e13434;
              color: #fff; }



    .x-container .section15 {
      background-color: #fff;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px; }
      .x-container .section15 .box {
        width: 50%;
        float: left;
        padding: 0;
        margin: 0; }
        .x-container .section15 .box .title {
          height: 108px;
          border-bottom: 9px solid #df3b3b;
          font: 300 25px/106px "Ubuntu", Arial, sans-serif !important;
          color: #828991;
          padding: 0 33px;
          position: relative; }
          .x-container .section15 .box .title a {
            color: #828991; }
            .x-container .section15 .box .title a:hover {
              color: #e13434;}
          .x-container .section15 .box .title:before {
            content: '';
            position: absolute;
            background: url(../img/icon55.png) no-repeat -38px 0;
            width: 38px;
            height: 60px;
            left: 438px;
            top: 23px;
            z-index: 2; }
        .x-container .section15 .box .inner {
          min-height: 323px;
          padding: 18px; }
        .x-container .section15 .box:first-child .title {
          background-color: #f4f4f5;
          border-bottom-color: #cd2928;
          text-align: right; }
          .x-container .section15 .box:first-child .title:before {
            background-position: 0 0;
            left: 17px; }
        .x-container .section15 .box.register .inner {
          background: #fafafa url(../img/bg22.jpg) no-repeat 0 bottom;
          padding-left: 256px;
          padding-top: 27px; }
          .x-container .section15 .box.register .inner span {
            display: block;
            font: 300 19px/120% "Ubuntu", Arial, sans-serif !important;
            color: #7e7d80;
            margin-bottom: 19px; }
          .x-container .section15 .box.register .inner .btn {
            display: block;
            width: 226px;
            height: 52px;
            background-color: #cd2928;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            text-align: center;
            font: 16px/50px "Ubuntu", Arial, sans-serif !important;
            color: #ffffff;
            -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
            -moz-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
            -ms-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
            -o-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
            box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.18) inset;
            padding: 0;
            margin: 0;
            outline: 0 !important;
            -webkit-transition: all 0s ease-in-out 0s;
            -moz-transition: all 0s ease-in-out 0s;
            -ms-transition: all 0s ease-in-out 0s;
            -o-transition: all 0s ease-in-out 0s;
            transition: all 0s ease-in-out 0s;
            cursor: pointer;
            position: relative; }
            .x-container .section15 .box.register .inner .btn:hover {
              opacity: 100;
              filter: alpha(opacity=100); }
            .x-container .section15 .box.register .inner .btn:active {
              -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
            .x-container .section15 .box.register .inner .btn:before {
              content: '';
              width: 53px;
              height: 49px;
              position: absolute;
              right: 0;
              top: 0;
              background-color: rgba(0, 0, 0, 0.1);
              background-repeat: no-repeat;
              background-position: 50% 50%;
              z-index: 2; }
            .x-container .section15 .box.register .inner .btn:hover {
              background-color: #e92322; }
            .x-container .section15 .box.register .inner .btn.primary {
              background-color: #8c8b8e; }
              .x-container .section15 .box.register .inner .btn.primary:hover {
                background-color: #9f9e9f; }
            .x-container .section15 .box.register .inner .btn.icon-default {
              padding-right: 53px; }
              .x-container .section15 .box.register .inner .btn.icon-default:before {
                background-image: url(../img/icon59.png); }
            .x-container .section15 .box.register .inner .btn.icon-lock {
              padding-right: 53px; }
              .x-container .section15 .box.register .inner .btn.icon-lock:before {
                background-image: url(../img/icon60.png); }
      .x-container .section15 .lost-password {
        padding: 15px; }
        .x-container .section15 .lost-password .item.fLeft {
          width: 730px; }
        .x-container .section15 .lost-password .item.fRight {
          padding-left: 0;
          width: 226px; }
          .x-container .section15 .lost-password .item.fRight .btn {
            width: 100%;
            height: 59px;
            line-height: 57px; }
      .x-container .section15 .register-column {
        padding: 16px; }
        .x-container .section15 .register-column .form-column .item {
          width: 470px;
          float: left;
          margin-right: 28px; }
          .x-container .section15 .register-column .form-column .item:nth-child(2n) {
            margin-right: 0; }
    .x-container .warning-box {
      background: #70cc67 url(../img/icon61.png) no-repeat right 7px;
      min-height: 59px;
      padding: 19px 75px 20px 19px;
      font: 19px/120% "Flexo", Arial, sans-serif !important;
      color: #ffffff;
      margin-bottom: 18px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      .x-container .warning-box.error {
        background: #ff8181 url(../img/icon62.png) no-repeat right 7px; }
    .x-container .section16 .top {
      background: url(../img/bg23.jpg) repeat-x 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 303px; }
      .x-container .section16 .top .title {
        height: 185px;
        padding-top: 46px; }
        .x-container .section16 .top .title h1 {
          display: block;
          font: 300 64px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          margin-bottom: 15pxs; }
        .x-container .section16 .top .title h6 {
          display: block;
          font: 300 22px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff; }
      .x-container .section16 .top .steps {
        height: 118px;
        overflow: hidden;
        padding-top: 36px; }
        .x-container .section16 .top .steps li {
          float: left;
          width: 192px;
          margin-right: 10px;
          height: 82px;
          -webkit-border-radius: 3px 3px 0 0;
          -moz-border-radius: 3px 3px 0 0;
          -ms-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
          background-color: #d22929;
          border-bottom: 15px solid transparent;
          position: relative;
          padding-top: 39px;
          text-align: center;
          font: 300 18px/120% "Ubuntu", Arial, sans-serif !important;
          color: #ffffff;
          margin-top: 13px; }
          .x-container .section16 .top .steps li:nth-child(5n) {
            margin-right: 0; }
          .x-container .section16 .top .steps li em {
            display: block;
            background: url(../img/bg24.png) no-repeat;
            width: 70px;
            height: 65px;
            padding: 5px 5px 0 5px;
            font: 500 31px/59px "Ubuntu", Arial, sans-serif !important;
            color: #ffffff;
            text-align: center;
            font-style: normal;
            position: absolute;
            left: 50%;
            margin-left: -35px;
            top: -36px;
            z-index: 2; }
          .x-container .section16 .top .steps li:after {
            display: none;
            content: '';
            background: url(../img/bg25.png) no-repeat;
            width: 34px;
            height: 22px;
            position: absolute;
            left: 50%;
            margin-left: -17px;
            bottom: -15px;
            z-index: 2; }
          .x-container .section16 .top .steps li.active {
            margin-top: 0;
            border-bottom-color: #9e2120; }
            .x-container .section16 .top .steps li.active:after {
              display: block; }
    .x-container .section16 .inner {
      background-color: #fff;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      padding: 15px 12px; }
      .x-container .section16 .inner .sidebar {
        width: 222px;
        float: left; }
        .x-container .section16 .inner .sidebar h3 {
          display: block;
          background-color: #cd2928;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -ms-border-radius: 3px;
          border-radius: 3px;
          font: 13px/120% "Ubuntu", Arial, sans-serif !important;
          color: #fff;
          padding: 12px 15px 13px 15px;
          margin-bottom: 21px; }
        .x-container .section16 .inner .sidebar ul.links {
          padding-top: 21px;
          border-top: 1px solid #dddddd; }
          .x-container .section16 .inner .sidebar ul.links li {
            margin-bottom: 5px; }
            .x-container .section16 .inner .sidebar ul.links li a {
              display: block;
              background-color: #fff;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              font: 13px/120% "Ubuntu", Arial, sans-serif !important;
              color: #555555;
              padding: 12px 15px 11px 15px;
              border: 1px solid #dddddd;
              cursor: pointer; }
              .x-container .section16 .inner .sidebar ul.links li a:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section16 .inner .sidebar ul.links li a:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section16 .inner .sidebar ul.links li a:hover {
                background-color: #f8f8f8; }
      .x-container .section16 .inner .content {
        margin-left: 252px;
        padding: 0; }
        .x-container .section16 .inner .content .box {
          padding: 0;
          margin: 0; }
          .x-container .section16 .inner .content .box .b-title {
            background-color: #cd2928;
            -webkit-border-radius: 3px 3px 0 0;
            -moz-border-radius: 3px 3px 0 0;
            -ms-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
            font: 15px/39px "Ubuntu", Arial, sans-serif !important;
            color: #fff;
            height: 40px;
            padding: 0 16px; }
            .x-container .section16 .inner .content .box .b-title a {
              color: #fff; }
              .x-container .section16 .inner .content .box .b-title a:hover {
                text-decoration: underline !important; }
            .x-container .section16 .inner .content .box .b-title span {
              float: right; }
          .x-container .section16 .inner .content .box .b-inner {
            border: 1px solid #cd2928;
            border-top: 0;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -ms-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            padding: 15px; }
            .x-container .section16 .inner .content .box .b-inner .btn {
              height: 39px;
              background-color: #f04124;
              border: 1px solid #ea2f10;
              padding: 0 12px;
              font: 14px/37px "Ubuntu", Arial, sans-serif !important;
              color: #fff;
              cursor: pointer;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              border-radius: 0;
              outline: 0;
              -webkit-transition: all 0s ease-in-out 0s;
              -moz-transition: all 0s ease-in-out 0s;
              -ms-transition: all 0s ease-in-out 0s;
              -o-transition: all 0s ease-in-out 0s;
              transition: all 0s ease-in-out 0s; }
              .x-container .section16 .inner .content .box .b-inner .btn:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section16 .inner .content .box .b-inner .btn:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section16 .inner .content .box .b-inner .btn:hover {
                background-color: #ff4020; }


    .x-container .section17b {
      background: url(../img/bg26.png) repeat 0 0; }
      .x-container .section17b > .center {
        position: relative;
        z-index: 3; }
      .x-container .section17b .box {
        background: none;
        padding: 0;
        margin: 0 0 30px 0; }
        .x-container .section17b .box.fLeft {
          width: 344px; }
        .x-container .section17b .box.fRight {
          width: 580px; }
        .x-container .section17b .box .b-title {
          height: 73px;
          font: 300 27px/72px "Ubuntu", Arial, sans-serif !important;
          color: #d62c2c; }
          .x-container .section17b .box .b-title.icon-member {
            background: url(../img/icon70.png) no-repeat 0 50%;
            padding-left: 56px; }
          .x-container .section17b .box .b-title.icon-look {
            background: url(../img/icon71.png) no-repeat 0 50%;
            padding-left: 72px; }
        .x-container .section17b .box .b-inner {
          padding-top: 22px; }
          .x-container .section17b .box .b-inner h4 {
            display: block;
            height: 43px;
            border-bottom: 1px solid #cacdd1;
            font: 21px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263;
            margin-bottom: 20px; }
            .x-container .section17b .box .b-inner h4 span {
              height: 44px;
              border-bottom: 4px solid #d62c2c;
              margin-bottom: -2px; }
          .x-container .section17b .box .b-inner ol li {
            margin-bottom: 22px;
            font: 300 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263; }
            .x-container .section17b .box .b-inner ol li a {
              color: #3f5263; }
              .x-container .section17b .box .b-inner ol li a:hover {
                text-decoration: underline !important;
                color: #e13434; }
            .x-container .section17b .box .b-inner ol li:last-child {
              margin-bottom: 0; }
          .x-container .section17b .box .b-inner ul li {
            margin-bottom: 6px;
            font: 300 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263;
            border-bottom: 1px solid #d3d3d3;
            padding-bottom: 6px; }
            .x-container .section17b .box .b-inner ul li span {
              padding-top: 5px; }
            .x-container .section17b .box .b-inner ul li .btn-preview {
              float: right;
              background-color: #d62c2c;
              padding: 0 20px;
              height: 25px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              color: #fff;
              font: 13px/24px "Ubuntu", Arial, sans-serif !important;
              cursor: pointer; }
              .x-container .section17b .box .b-inner ul li .btn-preview:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section17b .box .b-inner ul li .btn-preview:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section17b .box .b-inner ul li .btn-preview:hover {
                background-color: #e92929; }
            .x-container .section17b .box .b-inner ul li:last-child {
              margin-bottom: 0;
              border-bottom: 0; }
      .x-container .section17b .bottom {
        padding: 15px 0;
        background-color: rgba(0, 0, 0, 0.21); }
        .x-container .section17b .bottom ul {
          overflow: hidden;
          margin-left: 2px; }
          .x-container .section17b .bottom ul li {
            width: 138px;
            margin-right: 5px;
            float: left; }
            .x-container .section17b .bottom ul li:nth-child(7n) {
              margin-right: 0; }
            .x-container .section17b .bottom ul li a {
              height: 80px;
              display: block;
              background-color: rgba(0, 0, 0, 0.2);
              background-position: 50% 13px;
              background-repeat: no-repeat;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              padding-top: 52px;
              font: 15px/120% "Ubuntu", Arial, sans-serif !important;
              color: #ffffff;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              text-align: center; }
              .x-container .section17b .bottom ul li a:hover {
                background-color: rgba(0, 0, 0, 0.35); }
              .x-container .section17b .bottom ul li a.icon-service {
                background-image: url(../img/icon64.png); }
              .x-container .section17b .bottom ul li a.icon-product {
                background-image: url(../img/icon65.png); }
              .x-container .section17b .bottom ul li a.icon-domain {
                background-image: url(../img/icon66.png); }
              .x-container .section17b .bottom ul li a.icon-ticket {
                background-image: url(../img/icon67.png); }
              .x-container .section17b .bottom ul li a.icon-bill {
                background-image: url(../img/icon68.png); }
              .x-container .section17b .bottom ul li a.icon-logout {
                background-image: url(../img/icon69.png); }
            .x-container .section17b .bottom ul li.active a {
              background-color: #d62c2c; }



              

    .x-container .section17 {
      background: url(../img/bg26.png) repeat 0 0; }
      .x-container .section17:before {
        content: '';
        background: url(../img/bg27.png) repeat-x 0 0;
        height: 73px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
      .x-container .section17 > .center {
        position: relative;
        z-index: 3; }
      .x-container .section17 .box {
        background: none;
        padding: 0;
        margin: 0 0 30px 0; }
        .x-container .section17 .box.fLeft {
          width: 344px; }
        .x-container .section17 .box.fRight {
          width: 580px; }
        .x-container .section17 .box .b-title {
          height: 73px;
          font: 300 27px/72px "Ubuntu", Arial, sans-serif !important;
          color: #d62c2c; }
          .x-container .section17 .box .b-title.icon-member {
            background: url(../img/icon70.png) no-repeat 0 50%;
            padding-left: 56px; }
          .x-container .section17 .box .b-title.icon-look {
            background: url(../img/icon71.png) no-repeat 0 50%;
            padding-left: 72px; }
        .x-container .section17 .box .b-inner {
          padding-top: 22px; }
          .x-container .section17 .box .b-inner h4 {
            display: block;
            height: 43px;
            border-bottom: 1px solid #cacdd1;
            font: 21px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263;
            margin-bottom: 20px; }
            .x-container .section17 .box .b-inner h4 span {
              height: 44px;
              border-bottom: 4px solid #d62c2c;
              margin-bottom: -2px; }
          .x-container .section17 .box .b-inner ol li {
            margin-bottom: 22px;
            font: 300 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263; }
            .x-container .section17 .box .b-inner ol li a {
              color: #3f5263; }
              .x-container .section17 .box .b-inner ol li a:hover {
                text-decoration: underline !important;
                color: #e13434; }
            .x-container .section17 .box .b-inner ol li:last-child {
              margin-bottom: 0; }
          .x-container .section17 .box .b-inner ul li {
            margin-bottom: 6px;
            font: 300 16px/120% "Ubuntu", Arial, sans-serif !important;
            color: #3f5263;
            border-bottom: 1px solid #d3d3d3;
            padding-bottom: 6px; }
            .x-container .section17 .box .b-inner ul li span {
              padding-top: 5px; }
            .x-container .section17 .box .b-inner ul li .btn-preview {
              float: right;
              background-color: #d62c2c;
              padding: 0 20px;
              height: 25px;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              color: #fff;
              font: 13px/24px "Ubuntu", Arial, sans-serif !important;
              cursor: pointer; }
              .x-container .section17 .box .b-inner ul li .btn-preview:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-container .section17 .box .b-inner ul li .btn-preview:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-container .section17 .box .b-inner ul li .btn-preview:hover {
                background-color: #e92929; }
            .x-container .section17 .box .b-inner ul li:last-child {
              margin-bottom: 0;
              border-bottom: 0; }
      .x-container .section17 .bottom {
        padding: 15px 0;
        background-color: rgba(0, 0, 0, 0.21); }
        .x-container .section17 .bottom ul {
          overflow: hidden;
          margin-left: 2px; }
          .x-container .section17 .bottom ul li {
            width: 138px;
            margin-right: 5px;
            float: left; }
            .x-container .section17 .bottom ul li:nth-child(7n) {
              margin-right: 0; }
            .x-container .section17 .bottom ul li a {
              height: 80px;
              display: block;
              background-color: rgba(0, 0, 0, 0.2);
              background-position: 50% 13px;
              background-repeat: no-repeat;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              padding-top: 52px;
              font: 15px/120% "Ubuntu", Arial, sans-serif !important;
              color: #ffffff;
              -webkit-border-radius: 3px;
              -moz-border-radius: 3px;
              -ms-border-radius: 3px;
              border-radius: 3px;
              text-align: center; }
              .x-container .section17 .bottom ul li a:hover {
                background-color: rgba(0, 0, 0, 0.35); }
              .x-container .section17 .bottom ul li a.icon-service {
                background-image: url(../img/icon64.png); }
              .x-container .section17 .bottom ul li a.icon-product {
                background-image: url(../img/icon65.png); }
              .x-container .section17 .bottom ul li a.icon-domain {
                background-image: url(../img/icon66.png); }
              .x-container .section17 .bottom ul li a.icon-ticket {
                background-image: url(../img/icon67.png); }
              .x-container .section17 .bottom ul li a.icon-bill {
                background-image: url(../img/icon68.png); }
              .x-container .section17 .bottom ul li a.icon-logout {
                background-image: url(../img/icon69.png); }
            .x-container .section17 .bottom ul li.active a {
              background-color: #d62c2c; }
    .x-container .panel-page {
      background-color: #fff;
      padding-top: 45px;
      padding-bottom: 25px;
      margin-bottom: -20px; }
      .x-container .panel-page #main {
        font-family: "Ubuntu", Arial, sans-serif !important;
        background-color: transparent !important;
        font-size: 13px;
        padding: 0 15px;
        margin: 0; }
        .x-container .panel-page #main .panel-body {
          padding-left: 0;
          padding-right: 0; }
        .x-container .panel-page #main h3 {
          font-size: 18px; }
    .x-container .section18 {
      background: url(../img/bg29.jpg) repeat-x 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 250px;
      padding-top: 109px; }
      .x-container .section18 h2 {
        display: block;
        font: 300 40px/120% "Ubuntu", Arial, sans-serif !important;
        color: #ffffff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.27);
        margin-bottom: -5px; }
      .x-container .section18 span {
        display: block;
        font: 300 19px/120% "Ubuntu", Arial, sans-serif !important;
        color: #ffffff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
        opacity: .50;
        filter: alpha(opacity=50);
        margin-left: 137px; }
    .x-container .section20 {
      background: url(../img/bg30.jpg) repeat-x 50% 50%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 451px;
      padding-top: 109px; }
      .x-container .section20 h1 {
        display: block;
        font: 300 53px/120% "Ubuntu", Arial, sans-serif !important;
        color: #ffffff;
        margin-left: 440px;
        margin-bottom: -5px;
        letter-spacing: .03em; }
        .x-container .section20 h1 strong {
          font-weight: 500; }
      .x-container .section20 h6 {
        display: block;
        font: italic 300 28px/120% "Ubuntu", Arial, sans-serif !important;
        color: #ffffff;
        text-align: right; }
      .x-container .section20 p {
        margin-top: 40px;
        width: 505px;
        float: right;
        display: block;
        font: italic 17px/120% "Flexo", Arial, sans-serif !important;
        color: #ffffff;
        text-align: right;
        opacity: .90;
        filter: alpha(opacity=90); }
    .x-container .section19 {
      background: url(../img/bg31.png) repeat 0 0;
      height: 317px;
      padding-top: 69px;
      position: relative; }
      .x-container .section19 .buttons {
        height: 137px;
        position: relative;
        z-index: 2; }
        .x-container .section19 .buttons ul {
          width: 853px;
          margin: 0 auto; }
          .x-container .section19 .buttons ul li {
            float: left;
            width: 108px;
            margin-right: 41px; }
            .x-container .section19 .buttons ul li:last-child {
              margin-right: 0; }
            .x-container .section19 .buttons ul li a {
              display: block;
              height: 137px;
              text-align: center;
              background: url(../img/bg32.png) no-repeat 50% 0;
              position: relative;
              font: 16px/120% "Ubuntu", Arial, sans-serif !important;
              color: #516274;
              text-shadow: 0 1px 0 #ecf0f2;
              padding-top: 105px;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s; }
              .x-container .section19 .buttons ul li a:before {
                opacity: .0;
                filter: alpha(opacity=0);
                display: none\9;
                content: '';
                background-color: #d42b2b;
                width: 66px;
                height: 4px;
                position: absolute;
                left: 50%;
                margin-left: -33px;
                bottom: 0;
                z-index: 2;
                -webkit-transition: all 0.2s ease-in-out 0s;
                -moz-transition: all 0.2s ease-in-out 0s;
                -ms-transition: all 0.2s ease-in-out 0s;
                -o-transition: all 0.2s ease-in-out 0s;
                transition: all 0.2s ease-in-out 0s; }
            .x-container .section19 .buttons ul li.active a {
              color: #d42b2b; }
              .x-container .section19 .buttons ul li.active a:before {
                display: block\9;
                opacity: 100;
                filter: alpha(opacity=100); }
      .x-container .section19 .ranges {
        background-color: #fff;
        position: absolute;
        width: 1000px;
        margin-left: -500px;
        height: 5px;
        top: 131px;
        left: 50%;
        z-index: 5; }
        .x-container .section19 .ranges .inner {
          background-color: #aab3ba;
          height: 5px;
          width: 100%;
          position: relative;
          -webkit-border-radius: 35px;
          -moz-border-radius: 35px;
          -ms-border-radius: 35px;
          border-radius: 35px;
          -webkit-box-shadow: 0 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3) inset;
          -moz-box-shadow: 0 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3) inset;
          -ms-box-shadow: 0 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3) inset;
          -o-box-shadow: 0 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3) inset; }
          .x-container .section19 .ranges .inner .range {
            width: 746px;
            height: 5px;
            margin: 0 auto; }
            .x-container .section19 .ranges .inner .range .slider-range-bg {
              background: #e8ac2b url(../img/bg33.png) no-repeat 0 0;
              height: 5px;
              background-size: 100% 100%;
              -webkit-border-radius: 35px;
              -moz-border-radius: 35px;
              -ms-border-radius: 35px;
              border-radius: 35px;
              position: absolute;
              left: 0;
              top: 0;
              z-index: 1;
              width: 129px; }
            .x-container .section19 .ranges .inner .range .slider-range {
              width: 100%;
              height: 0px;
              position: relative;
              z-index: 5; border: 0px;}
              .x-container .section19 .ranges .inner .range .slider-range .ui-slider-range {
                z-index: 5; }
                .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
                  border: 0px solid #999999;
                  background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
                  font-weight: normal;
                  color: #212121;
                } 
              .x-container .section19 .ranges .inner .range .slider-range .ui-slider-handle {
                display: block;
                background: url(../img/bg34.png) no-repeat;
                width: 21px;
                height: 35px;
                top: -11px;
                margin-left: -10px;
                z-index: 6;
                cursor: pointer;
                position: absolute; }
      .x-container .section19 .property {
        margin-top: 26px;
        border-top: 1px solid #a6abaf;
        -webkit-box-shadow: 0 1px 0 #e4e9ed inset;
        -moz-box-shadow: 0 1px 0 #e4e9ed inset;
        -ms-box-shadow: 0 1px 0 #e4e9ed inset;
        -o-box-shadow: 0 1px 0 #e4e9ed inset;
        box-shadow: 0 1px 0 #e4e9ed inset;
        padding-top: 19px; }
        .x-container .section19 .property .item {
          display: none; }
        .x-container .section19 .property ul {
          float: left;
          margin-top: 0;
          border-right: 1px solid #e4eaed; }
          .x-container .section19 .property ul li {
            float: left;
            height: 50px;
            padding-left: 20px;
            padding-right: 20px;
            border-right: 1px solid #a8adb1;
            border-left: 1px solid #e4eaed;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
            padding-top: 5px; }
            .x-container .section19 .property ul li:first-child {
              border-left: 0;
              padding-left: 0; }
            .x-container .section19 .property ul li span {
              display: block;
              font: 15px/120% "Ubuntu", Arial, sans-serif !important;
              color: #5d6d7e; }
            .x-container .section19 .property ul li em {
              font: 21px/120% "Soleto", Arial, sans-serif !important;
              color: #5d6d7e;
              display: block;
              font-style: normal; }
            .x-container .section19 .property ul li.icon-core {
              background: url(../img/icon72.png) no-repeat 0 5px;
              padding-left: 54px; }
            .x-container .section19 .property ul li.icon-ram {
              background: url(../img/icon73.png) no-repeat 25px 8px;
              padding-left: 79px; }
            .x-container .section19 .property ul li.icon-hdd {
              background: url(../img/icon74.png) no-repeat 25px 8px;
              padding-left: 69px; }
            .x-container .section19 .property ul li.icon-trafic {
              background: url(../img/icon75.png) no-repeat 25px 6px;
              padding-left: 78px; }
        .x-container .section19 .property .price {
          float: right;
          margin-top: 3px; }
          .x-container .section19 .property .price .price-text {
            display: block;
            margin-left: 27px;
            font: 500 22px/120% "Ubuntu", Arial, sans-serif !important;
            color: #5d6d7e;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
            margin-top: -3px; }
            .x-container .section19 .property .price .price-text strong {
              font-weight: 500; }
          .x-container .section19 .property .price .toggle {
            width: 153px;
            float: left;
            font-size: 0;
            margin-top: 3px; }
            .x-container .section19 .property .price .toggle .btn-toggle {
              float: left;
              background: url(../img/bg35.png) no-repeat 0 -40px;
              width: 19px;
              height: 40px;
              text-indent: -9999px; }
              .x-container .section19 .property .price .toggle .btn-toggle.active {
                background-position: 0 0; }
            .x-container .section19 .property .price .toggle span {
              display: block;
              margin-left: 27px;
              font: 15px/120% "Ubuntu", Arial, sans-serif !important;
              color: #5d6d7e;
              text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }
          .x-container .section19 .property .price .btn-price {
            background-color: #52a128;
            float: right;
            display: block;
            height: 43px;
            width: 129px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            cursor: pointer;
            font: 15px/42px "Ubuntu", Arial, sans-serif !important;
            text-align: center;
            color: #ffffff;
            -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
            -moz-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
            -ms-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
            -o-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
            box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset; }
            .x-container .section19 .property .price .btn-price:hover {
              opacity: 100;
              filter: alpha(opacity=100); }
            .x-container .section19 .property .price .btn-price:active {
              -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
              box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
            .x-container .section19 .property .price .btn-price:hover {
              background-color: #5cbb2a; }

  /*
  -------------------------------------------------------------
        CSS Area: FOOTER
  -------------------------------------------------------------
  */
  .x-footer {
    border-top: 1px solid #e1e1e1;
    position: relative;
    z-index: 1; }
    .x-footer .top {
      height: 82px;
      border-bottom: 1px solid #e1e1e1;
      background-color: #f5f5f5; }
      .x-footer .top .logo {
        float: left;
        margin-top: 14px; }
        .x-footer .top .logo a {
          font-size: 0; }
          .x-footer .top .logo a:hover img {
            opacity: .90;
            filter: alpha(opacity=90); }
      .x-footer .top .card {
        float: right;
        font-size: 0;
        margin-top: 25px; }
    .x-footer .inner {
      background-color: #fbfbfb;
      position: relative;
      overflow: hidden; }
      .x-footer .inner:before {
        content: '';
        background-color: #fff;
        width: 50%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 0; }
      .x-footer .inner .block {
        position: relative;
        z-index: 2;
        padding: 30px 45px 23px 0;
        float: left;
        width: 215px;
        background-color: #fbfbfb; }
        .x-footer .inner .block.contact {
          width: 344px;
          padding-left: 31px;
          padding-right: 0;
          float: right;
          background-color: #fff; }
        .x-footer .inner .block h3 {
          display: block;
          font: 17px/120% "Ubuntu", Arial, sans-serif !important;
          color: #e13434;
          height: 30px; }
        .x-footer .inner .block ul.f-nav li {
          border-bottom: 1px solid #f1f1f1; }
          .x-footer .inner .block ul.f-nav li:last-child {
            border-bottom: 0; }
          .x-footer .inner .block ul.f-nav li a {
            display: block;
            padding: 10px 0 10px 15px;
            font: 12px/120% "Ubuntu", Arial, sans-serif !important;
            color: #9b9b9b;
            position: relative; }
            .x-footer .inner .block ul.f-nav li a:before {
              content: '';
              position: absolute;
              left: 2px;
              top: 14px;
              z-index: 2;
              background: url(../img/icon30.png) no-repeat;
              width: 5px;
              height: 7px; }
            .x-footer .inner .block ul.f-nav li a:hover {
              color: #515151; }
              .x-footer .inner .block ul.f-nav li a:hover:before {
                background-position: 0 -7px; }
        .x-footer .inner .block ul.address li {
          font: 13px/24px "Ubuntu", Arial, sans-serif !important;
          color: #9b9b9b; }
          .x-footer .inner .block ul.address li a {
            color: #9b9b9b; }
            .x-footer .inner .block ul.address li a:hover {
              color: #e13434;
              text-decoration: underline !important; }
        .x-footer .inner .block ul.social {
          margin-top: 5px;
          overflow: hidden; }
          .x-footer .inner .block ul.social li {
            float: left;
            margin-right: 10px; }
            .x-footer .inner .block ul.social li a {
              display: block;
              width: 30px;
              height: 30px;
              -webkit-border-radius: 100%;
              -moz-border-radius: 100%;
              -ms-border-radius: 100%;
              border-radius: 100%;
              cursor: pointer;
              border: 1px solid #9f9f9f;
              font-size: 14px;
              color: #9f9f9f;
              text-align: center;
              line-height: 29px;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s; }
              .x-footer .inner .block ul.social li a:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-footer .inner .block ul.social li a:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-footer .inner .block ul.social li a:hover {
                border-color: #e13434;
                background-color: #e13434;
                color: #fff; }
        .x-footer .inner .block ul.buttons {
          margin-top: 8px;margin-bottom: -15px;
          overflow: hidden; }
          .x-footer .inner .block ul.buttons li {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px; }
            .x-footer .inner .block ul.buttons li:last-child {
              margin-right: 0; }
            .x-footer .inner .block ul.buttons li a {
              display: block;
              height: 28px;
              border: 1px solid #9b9b9b;
              padding: 0 7px;
              font: 10px/27px "Ubuntu", Arial, sans-serif !important;
              color: #9b9b9b;
              cursor: pointer;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              transition: all 0.2s ease-in-out 0s;
              -webkit-border-radius: 35px;
              -moz-border-radius: 35px;
              -ms-border-radius: 35px;
              border-radius: 35px; }
              .x-footer .inner .block ul.buttons li a:hover {
                opacity: 100;
                filter: alpha(opacity=100); }
              .x-footer .inner .block ul.buttons li a:active {
                -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                -o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
                box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset; }
              .x-footer .inner .block ul.buttons li a:hover {
                border-color: #e13434;
                background-color: #e13434;
                color: #fff; }
    .x-footer .bottom {
      border-top: 1px solid #ededed;
      background-color: #fff;
      height: 70px; }
      .x-footer .bottom ul li {
        float: left;
        margin-right: 40px;
        line-height: 68px;
        font: 14px/68px "Ubuntu", Arial, sans-serif !important;
        color: #9b9b9b; }
        .x-footer .bottom ul li:last-child {
          margin-right: 0; }
        .x-footer .bottom ul li a {
          display: inline;
          color: #9b9b9b; }
          .x-footer .bottom ul li a:hover {
            color: #e13434; }
      .x-footer .bottom span {
        float: right;
        font: 300 14px/68px "Ubuntu", Arial, sans-serif !important;
        color: #9c9c9c;
        height: 68px;
        background: url(../img/whmcsx-logo.png) no-repeat right 50%;
        padding-right: 58px; }
        .x-footer .bottom span strong {
          font-weight: 600; }
        .x-footer .bottom span a {
          color: #9c9c9c; }
          .x-footer .bottom span a:hover {
            color: #e13434; }

  /*
  -------------------------------------------------------------
        CSS Area: X CUSTOMER
  -------------------------------------------------------------
  */
  .overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    background: url(../img/bg4.png) repeat 0 0\9;
    z-index: 9998; }

  .x-customer {
    background-color: #da2f2f;
    border-bottom: 4px solid #da2f2f;
    position: absolute;
    width: 100%;
    top: -450px;
    left: 0;
    z-index: 9999; }
    .x-customer .center {
      position: relative; }
    .x-customer.active {
      position: fixed; }
    .x-customer .btn-toggle {
      background-color: #d02727;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      display: block;
      height: 42px;
      padding: 0 52px 0 12px;
      font: 300 17px/39px "Ubuntu", Arial, sans-serif !important;
      color: #ffffff;
      position: absolute;
      right: 0;
      bottom: -46px;
      background: -webkit-gradient(linear, left top, left bottom, from(#d82e2e), to(#c92222));
      background: -moz-linear-gradient(top, #d82e2e, #c92222);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d82e2e', endColorstr='#c92222'); }
      .x-customer .btn-toggle strong {
        font-weight: 500; }
      .x-customer .btn-toggle:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#d82e2e), to(#da2929));
        background: -moz-linear-gradient(top, #d82e2e, #da2929);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d82e2e', endColorstr='#da2929'); }
      .x-customer .btn-toggle:before {
        content: '';
        background: url(../img/bg3.png) no-repeat;
        width: 33px;
        height: 23px;
        position: absolute;
        right: 8px;
        top: 10px; }
      .x-customer .btn-toggle.active:before {
        background-position: 0 -23px; }
    .x-customer .inner {
      padding: 12px 0; }
    .x-customer .login .item {
      float: left;
      margin-left: 10px; }
      .x-customer .login .item:first-child {
        margin-left: 0; }
    .x-customer .login .tb {
      width: 311px;
      height: 54px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background-color: #be2727;
      -webkit-box-shadow: 0 2px 0 #ad2323 inset, 0 1px 0 rgba(255, 255, 255, 0.29);
      -moz-box-shadow: 0 2px 0 #ad2323 inset, 0 1px 0 rgba(255, 255, 255, 0.29);
      -ms-box-shadow: 0 2px 0 #ad2323 inset, 0 1px 0 rgba(255, 255, 255, 0.29);
      -o-box-shadow: 0 2px 0 #ad2323 inset, 0 1px 0 rgba(255, 255, 255, 0.29);
      box-shadow: 0 2px 0 #ad2323 inset, 0 1px 0 rgba(255, 255, 255, 0.29);
      padding: 0 20px 2px 64px;
      font: 15px "Ubuntu", Arial, sans-serif !important;
      color: #ffffff;
      background-repeat: no-repeat;
      background-position: 13px 50%; }
      .x-customer .login .tb::-webkit-input-placeholder {
        color: #fff;
        opacity: 1 !important; }
      .x-customer .login .tb:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        opacity: 1 !important; }
      .x-customer .login .tb::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        opacity: 1 !important; }
      .x-customer .login .tb:-ms-input-placeholder {
        color: #fff;
        opacity: 1 !important; }
      .x-customer .login .tb.icon-member {
        background-image: url(../img/icon6.png); }
      .x-customer .login .tb.icon-lock {
        background-image: url(../img/icon7.png); }
    .x-customer .login .btn {
      display: block;
      height: 54px;
      border: 3px solid #e98888;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      background-color: #d72d2d;
      background: -webkit-gradient(linear, left top, left bottom, from(#d72d2d), to(#c82020));
      background: -moz-linear-gradient(top, #d72d2d, #c82020);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d72d2d', endColorstr='#c82020');
      text-align: center;
      font: 15px/35px "Ubuntu", Arial, sans-serif !important;
      color: #ffffff;
      outline: 0 !important;
      -webkit-transition: all 0 !importants ease-in-out 0s;
      -moz-transition: all 0 !importants ease-in-out 0s;
      -ms-transition: all 0 !importants ease-in-out 0s;
      -o-transition: all 0 !importants ease-in-out 0s;
      transition: all 0 !importants ease-in-out 0s; }
      .x-customer .login .btn.login {
        width: 144px; padding-top: 0px; }
      .x-customer .login .btn.register {
        width: 183px; padding-top: 6px; }
      .x-customer .login .btn:hover {
        background: -webkit-gradient(linear, left top, left bottom, from(#e22f2f), to(#d62222));
        background: -moz-linear-gradient(top, #e22f2f, #d62222);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e22f2f', endColorstr='#d62222'); }
    .x-customer .member-panel .m-top {
      padding-top: 13px;
      padding-bottom: 19px;
      border-bottom: 1px solid #b12525;
      font: 16px/120% "Ubuntu", Arial, sans-serif !important;
      color: #ffffff; }
      .x-customer .member-panel .m-top a {
        color: #ffffff; }
        .x-customer .member-panel .m-top a:hover {
          text-decoration: underline !important; }
        .x-customer .member-panel .m-top a.btn-logout {
          float: right; }
    .x-customer .member-panel .m-inner {
      border-top: 1px solid #de4d4d;
      padding-top: 18px; }
      .x-customer .member-panel .m-inner ul {
        overflow: hidden;
        margin-left: 2px; }
        .x-customer .member-panel .m-inner ul li {
          width: 138px;
          margin-right: 5px;
          float: left; }
          .x-customer .member-panel .m-inner ul li:nth-child(7n) {
            margin-right: 0; }
          .x-customer .member-panel .m-inner ul li a {
            height: 80px;
            display: block;
            background-color: #ad2424;
            background-position: 50% 13px;
            background-repeat: no-repeat;
            -webkit-transition: all 0.2s ease-in-out 0s;
            -moz-transition: all 0.2s ease-in-out 0s;
            -ms-transition: all 0.2s ease-in-out 0s;
            -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            padding-top: 52px;
            font: 15px/120% "Ubuntu", Arial, sans-serif !important;
            color: #ffffff;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            text-align: center; }
            .x-customer .member-panel .m-inner ul li a:hover {
              background-color: #410e0e; }
            .x-customer .member-panel .m-inner ul li a.icon-service {
              background-image: url(../img/icon64.png); }
            .x-customer .member-panel .m-inner ul li a.icon-product {
              background-image: url(../img/icon65.png); }
            .x-customer .member-panel .m-inner ul li a.icon-domain {
              background-image: url(../img/icon66.png); }
            .x-customer .member-panel .m-inner ul li a.icon-ticket {
              background-image: url(../img/icon67.png); }
            .x-customer .member-panel .m-inner ul li a.icon-bill {
              background-image: url(../img/icon68.png); }
            .x-customer .member-panel .m-inner ul li a.icon-logout {
              background-image: url(../img/icon69.png); }


  #recaptcha_response_field{font-family: 'Ubuntu', Arial, sans-serif !important; left: 0px !important;padding: 13px !important;}