/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
img {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: none;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'dax-regularregular';
  src: url('../fonts/dax-regular-webfont.eot');
  src: url('../fonts/dax-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dax-regular-webfont.woff') format('woff'), url('../fonts/dax-regular-webfont.ttf') format('truetype'), url('../fonts/dax-regular-webfont.svg#dax-regularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: 'dax-regularregular', Arial, sans-serif;
}
.left {
  float: left;
}
.right {
  float: right;
}
body {
  background: #FFF;
}
.main-center {
  width: 936px;
  /* 	width: 100%; */
  margin: 0 auto;
}
.margintop {
  margin-top: 50px;
}
#contactform {
  width: 100%;
  overflow: hidden;
  height: 300px;
  float: left;
}
#contactform input,
#contactform textarea {
  width: 96%;
  background: #FFF;
  border: 1px solid #FFF;
  resize: none;
  margin-bottom: 20px;
  /*         .inner-shadow(1px, 3px, 10px,  0.4); */
  font-size: 0.8125em;
  padding: 5px 2%;
  outline: none;
}
#contactform input::-webkit-input-placeholder,
#contactform textarea::-webkit-input-placeholder {
  color: #000;
}
#contactform input:-moz-placeholder,
#contactform textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
#contactform input::-moz-placeholder,
#contactform textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
#contactform input:-ms-input-placeholder,
#contactform textarea:-ms-input-placeholder {
  color: #000;
}
#contactform textarea {
  height: 50px;
}
#contactform #submit {
  width: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 10px;
  color: #FFF;
  border: none;
  background: #ff8400;
  /*         text-shadow: 1px 1px 10px #FFF;                     */
  /*         .drop-shadow(1px, 1px, 3px #000)!important; */
  float: right;
  margin: 0;
}
#contactform #submit:hover {
  color: #000;
}
#header {
  float: left;
  width: 100%;
}
#header .main-center {
  position: relative;
}
#header h1 {
  margin: 0;
  float: left;
  padding-top: 21px;
}
#header h1 img {
  width: 200px;
}
#header .banner-holder {
  float: left;
  width: 100%;
  min-width: 936px;
}
#header .banner-holder ul {
  margin: 0;
  padding: 0;
}
#header .right #lang {
  float: right;
  padding: 0;
  margin: 0;
  list-style: none;
  padding: 2px 8px;
  background: #b4b4b4;
  top: 0;
  right: 0;
}
#header .right #lang li {
  float: left;
}
#header .right #lang li a {
  font-size: 0.75 em;
  padding: 0 6px;
  text-decoration: none;
  color: #000;
}
#header .right #lang li a.active {
  color: #FFF;
}
#header .right #lang li:first-child a {
  border-right: 2px solid #000;
}
#header .right #link {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  clear: both;
  margin-top: 10px;
  height: 61px;
}
#header .right #link li {
  float: left;
  margin-left: 20px;
}
#header .right #link li.contacto {
  position: relative;
  /*                     text-shadow: 1px 1px 4px #FFF;                     */
  top: 3px;
}
#header .right #link li.contacto a {
  color: #000;
  text-transform: uppercase;
}
#header .right #navigation {
  padding: 0;
  height: auto;
  float: right;
  margin-top: 58px;
}
#header .right #navigation ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  background: transparent;
  width: auto;
  vertical-align: top;
}
#header .right #navigation ul li,
#header .right #navigation ul a {
  display: inline-block;
}
#header .right #navigation ul .first-level {
  position: relative;
  vertical-align: top;
  margin-left: -4px;
  padding: 5px 26px 5px;
  background: transparent;
  float: left;
}
#header .right #navigation ul .first-level a span {
  font-size: 1.125em;
  text-shadow: 1px 1px 4px #FFF;
}
#header .right #navigation ul .first-level.active {
  background: #FFF;
}
#header .right #navigation ul .first-level .child-menu {
  display: none;
  position: absolute;
  border: none;
  right: 0;
  min-width: 466px;
  min-height: 191px;
  z-index: 999;
  zoom: 1;
  padding: 32px 25px 32px 25px;
  background: #a3a3a3;
}
#header .right #navigation ul .first-level .child-menu .left {
  float: left;
  width: 190px;
}
#header .right #navigation ul .first-level .child-menu a {
  color: #000;
  float: left;
}
#header .right #navigation ul .first-level .child-menu a:hover,
#header .right #navigation ul .first-level .child-menu a.active {
  color: #FFF;
}
#header .right #navigation ul .first-level:hover {
  zoom: 1;
  background: #a3a3a3;
}
#header .right #navigation ul .first-level:hover .child-menu {
  display: block;
  top: 34px;
}
#header .right #navigation ul .first-level:hover .child-menu li {
  display: block;
  padding: 0;
  float: left;
  border: none;
  padding: 3px 0;
  margin-left: 17px;
  font-size: 0.875 em;
  color: #000;
  clear: both;
}
#header .right #navigation a {
  font-weight: normal;
  margin: 0;
  border-radius: 0px;
  font-size: 0.875 em;
  color: #000;
  text-decoration: none;
}
/* SLIDER */
.bx-wrapper {
  margin: 0 0 10px 0;
  padding: 0;
}
.bx-wrapper img {
  display: inline-block;
}
.bx-wrapper li {
  text-align: center;
}
.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  position: relative;
  left: 0;
  z-index: 0;
}
.

.bx-wrapper .bx-pager {
  padding: 0;
  bottom: -3px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ff8400;
  width: 16px;
  height: 16px;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #b4b4b4;
}
.contacts {
  float: right;
  font-size: 0.75em;
  padding-top: 24px;
  margin-right: 124px;
  color: #FFF;
  line-height: 1.125em;
  height: 348px;
}
.contacts a {
  color: #FFF;
  text-decoration: none;
}
.page {
  font-size: 0.8125 em;
  color: #000;
  overflow: hidden;
  position: relative;
  padding-top: 20px;
  min-height: 100px;
  margin-bottom: 40px;
  clear: both;
}
.page h2 {
  font-size: 2.375em;
  line-height: 0.9375em;
  font-weight: lighter;
  margin: 0;
}
.page .highlight {
  font-size: 1.5em;
}
.page .title {
  color: #ff8400;
  text-transform: uppercase;
  font-size: 1.125em;
  margin: 15px 0 10px 0;
}
.page p {
  margin: 10px 0 0 0;
  font-size: 0.875em;
}
.page .left-menu {
  width: 150px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-right: 10px;
  float: left;
}
.page .left-menu li {
  float: left;
  width: 100%;
}
.page .left-menu li a {
  display: inline-block;
  font-size: 0.875em;
  color: #000;
  text-decoration: none;
  float: left;
  width: 100%;
}
.page .left-menu li a span {
  padding: 6px;
  float: left;
}
.page .left-menu li a:hover,
.page .left-menu li a.active {
  background: #b4b4b4;
}
.page .right-info {
  width: 716px;
}
.page .right-info img {
  max-width: 100%;
  margin-top: 10px;
}
#graphic {
  position: relative;
  display: none;
  float: left;
  width: 100%;
}
#graphic .btn {
  border: 2px solid #000;
  border-radius: 20px;
  width: 15px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
  display: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic .btn:hover {
  background: #ff8400;
  border-color: #FFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic .btn.btn1 {
  top: 43px;
  left: 301px;
}
#graphic .btn.btn2 {
  top: 147px;
  left: 177px;
}
#graphic .btn.btn3 {
  top: 137px;
  left: 297px;
}
#graphic .btn.btn4 {
  top: 164px;
  left: 255px;
}
#graphic .btn.btn5 {
  top: 284px;
  left: 276px;
}
#graphic .btn.btn6 {
  top: 81px;
  left: 390px;
}
#graphic .btn.btn7 {
  top: 196px;
  left: 456px;
}
#graphic .btn.btn8 {
  top: 294px;
  left: 498px;
}
#graphic .btn.btn9 {
  top: 390px;
  left: 429px;
}
#graphic.method .article {
  position: absolute;
  margin-top: 0;
  display: none;
}
#graphic.method .img1 {
  top: 53px;
  left: 23px;
}
#graphic.method .img2 {
  top: 117px;
  left: 134px;
}
#graphic.method .img3 {
  top: 41px;
  left: 302px;
}
#graphic.method .img4 {
  top: 157px;
  left: 286px;
}
#graphic.method .img5 {
  top: 296px;
  left: 326px;
}
#graphic.service .article {
  position: absolute;
  margin-top: 0;
  display: none;
}
#graphic.service .img1 {
  top: 95px;
  left: 35px;
}
#graphic.service .img2 {
  top: 149px;
  left: 149px;
}
#graphic.service .img3 {
  top: 35px;
  left: 440px;
}
#graphic.documents .article {
  position: absolute;
  margin-top: 0;
  display: none;
}
#graphic.documents .img1 {
  top: 223px;
  left: 13px;
}
#graphic.documents .img2 {
  top: 125px;
  left: 219px;
}
#graphic.documents .img3 {
  top: 37px;
  left: 445px;
}
#graphic.documents .img4 {
  top: 303px;
  left: 219px;
}
#graphic.documents .img5 {
  top: 232px;
  left: 446px;
}
#graphic.virtualization {
  background: #20282a;
}
#graphic.virtualization .content {
  margin: 0 auto;
  width: 640px;
  min-height: 529px;
  padding: 20px 0;
  margin-top: 20px;
}
#graphic.virtualization .content .article {
  width: 190px;
  float: left;
  height: 190px;
  overflow: hidden;
  margin-bottom: 20px;
  display: none;
}
#graphic.virtualization .content .article .figure {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic.virtualization .content .article p {
  color: #FFF;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic.virtualization .content .article.middle {
  margin: 0 35px;
}
#graphic.virtualization .content .article:hover .figure {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic.virtualization .content .article:hover p {
  color: #ff8400;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#graphic.virtualization .content .center {
  width: 100%;
  text-align: center;
  float: left;
}
.banner-holder .banner {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
}
.banner-holder .bx-wrapper .bx-pager {
  text-align: center;
  bottom: 10px;
}
.banner-holder .bx-wrapper .bx-pager a {
  text-align: center;
}
#up {
  display: none;
  position: fixed;
  z-index: 10;
  padding: 15px 20px 25px 20px;
  right: 0;
  bottom: 20px;
  cursor: pointer;
  background: #b4b4b4;
  text-align: center;
  margin-right:10px;
}
#up .triangle {
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
  left: 28%;
  top: auto;
  bottom: auto;
}
#footer {
  width: 100%;
  background: #585858;
  color: #FFF;
  overflow: hidden;
  padding: 20px 0;
}
#footer ul {
  padding: 0;
  margin: 0;
  float: left;
  width: 33.333333333333336%;
  list-style: none;
  font-size: 0.75em;
}
#footer ul.contacts li {
  margin: 4px 0;
  float: left;
  width: 100%;
}
#footer ul.contacts li.title {
  margin: 4px 0;
  font-size: 1.2em;
}
#footer ul.contacts li.title a {
  padding: 0;
}
#footer ul li {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}
#footer ul li a {
  text-decoration: none;
  color: #FFF;
  padding-left: 10px;
}
#footer ul li a:hover {
  color: #000;
}
#footer ul li.title {
  margin: 4px 0;
  font-size: 1.2em;
}
#footer ul li.title a {
  padding: 0;
}
#footer ul .fb,
#footer ul .contact {
  width: 30px;
  float: left;
  padding: 0;
  margin-top: 20px;
  margin-right: 10px;
}
#footer ul .fb img,
#footer ul .contact img {
  width: 100%;
}
#footer ul .contact {
  width: 39px;
  position: relative;
  top: -9px;
  height: auto;
}
#footer .copywritter {
  font-size: 10px;
  width: 100%;
  text-align: center;
  float: left;
  margin-top: 30px;
}
/* This is how you would create a theme called "my-custom-theme": */
.my-custom-theme {
  border-radius: 0;
  border: 1px solid #000;
  background: #212729;
  color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.my-custom-theme .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  padding: 8px 10px;
}
.my-custom-theme .tooltipster-content b {
  font-weight: bold;
  margin-bottom: 2px;
  font-size: 14px;
  float: left;
  width: 100%;
  clear: both;
}
/* ==========================================================================
   AngularJS animate
   ========================================================================== */
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.animate-enter,
.animate-leave {
  -webkit-transition: 1275ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -moz-transition: 1275ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -ms-transition: 1275ms cubic-bezier(0.19, 1, 0.22, 1) all;
  -o-transition: 1275ms cubic-bezier(0.19, 1, 0.22, 1) all;
  transition: 1275ms cubic-bezier(0.19, 1, 0.22, 1) all;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: clip;
}
.animate-enter {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
}
.animate-enter.animate-enter-active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
}
.animate-leave {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  display: block;
}
.animate-leave.animate-leave-active {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  display: none;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-device-width: 480px) {
  /* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from linking other numbers that look like, but are not phone numbers.  Use these two blocks of code to "unstyle" any numbers that may be linked.  The second block gives you a class to apply with a span tag to the numbers you would like linked and styled.

		Inspired by Campaign Monitor's article on using phone numbers in email: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/.

		Step 1 (Step 2: line 224)
		*/
  a[href^="tel"],
  a[href^="sms"] {
    text-decoration: none;
    color: black;
    /* or whatever your want */
    pointer-events: none;
    cursor: default;
  }
  .mobile_link a[href^="tel"],
  .mobile_link a[href^="sms"] {
    text-decoration: default;
    pointer-events: auto;
    cursor: default;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.mobile_link {
  cursor: default;
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}