/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* Blue */
/* Green */
/* Pink */
/* Violet */
/* Grey */
/* Turquoise */
/* Yellow */
/* Red */
/* Orange */
/* Colors Products */
/* Icon platform colors */
/* Others */
/* Fonts */
/* ProximaNova Regular Font */
@font-face {
  font-family: 'ProximaNova Regular';
  src: url("../fonts/proximaNova/ProximaNova Regular/ProximaNovaRegular.eot");
  src: url("../fonts/proximaNova/ProximaNova Regular/ProximaNovaRegular.woff2") format("woff2"), url("../fonts/proximaNova/ProximaNova Regular/ProximaNovaRegular.woff") format("woff"), url("../fonts/proximaNova/ProximaNova Regular/ProximaNovaRegular.ttf") format("truetype"), url("../fonts/proximaNova/ProximaNova Regular/ProximaNovaRegular.svg#ProximaNovaRegular") format("svg"); }
/* Campton Black Font */
@font-face {
  font-family: 'Campton Black';
  src: url("../fonts/campton/Campton Black/CamptonBlack.eot");
  src: url("../fonts/campton/Campton Black/CamptonBlack.woff2") format("woff2"), url("../fonts/campton/Campton Black/CamptonBlack.woff") format("woff"), url("../fonts/campton/Campton Black/CamptonBlack.ttf") format("truetype"), url("../fonts/campton/Campton Black/CamptonBlack.svg#CamptonBlack") format("svg"); }
/* Campton Black Italic Font */
@font-face {
  font-family: 'Campton Black Italic';
  src: url("../fonts/campton/Campton Black Italic/CamptonBlackItalic.eot");
  src: url("../fonts/campton/Campton Black Italic/CamptonBlackItalic.woff2") format("woff2"), url("../fonts/campton/Campton Black Italic/CamptonBlackItalic.woff") format("woff"), url("../fonts/campton/Campton Black Italic/CamptonBlackItalic.ttf") format("truetype"), url("../fonts/campton/Campton Black Italic/CamptonBlackItalic.svg#CamptonBlackItalic") format("svg"); }
/* Campton Bold Font */
@font-face {
  font-family: 'Campton Bold';
  src: url("../fonts/campton/Campton Bold/CamptonBold.eot");
  src: url("../fonts/campton/Campton Bold/CamptonBold.woff2") format("woff2"), url("../fonts/campton/Campton Bold/CamptonBold.woff") format("woff"), url("../fonts/campton/Campton Bold/CamptonBold.ttf") format("truetype"), url("../fonts/campton/Campton Bold/CamptonBold.svg#CamptonBold") format("svg"); }
/* Campton Bold Italic Font */
@font-face {
  font-family: 'Campton Bold Italic';
  src: url("../fonts/campton/Campton Bold Italic/CamptonBoldItalic.eot");
  src: url("../fonts/campton/Campton Bold Italic/CamptonBoldItalic.woff2") format("woff2"), url("../fonts/campton/Campton Bold Italic/CamptonBoldItalic.woff") format("woff"), url("../fonts/campton/Campton Bold Italic/CamptonBoldItalic.ttf") format("truetype"), url("../fonts/campton/Campton Bold Italic/CamptonBoldItalic.svg#CamptonBoldItalic") format("svg"); }
/* Campton Book Font */
@font-face {
  font-family: 'Campton Book';
  src: url("../fonts/campton/Campton Book/CamptonBook.eot");
  src: url("../fonts/campton/Campton Book/CamptonBook.woff2") format("woff2"), url("../fonts/campton/Campton Book/CamptonBook.woff") format("woff"), url("../fonts/campton/Campton Book/CamptonBook.ttf") format("truetype"), url("../fonts/campton/Campton Book/CamptonBook.svg#CamptonBook") format("svg"); }
/* Campton Book Italic Font */
@font-face {
  font-family: 'Campton Book Italic';
  src: url("../fonts/campton/Campton Book Italic/CamptonBookItalic.eot");
  src: url("../fonts/campton/Campton Book Italic/CamptonBookItalic.woff2") format("woff2"), url("../fonts/campton/Campton Book Italic/CamptonBookItalic.woff") format("woff"), url("../fonts/campton/Campton Book Italic/CamptonBookItalic.ttf") format("truetype"), url("../fonts/campton/Campton Book Italic/CamptonBookItalic.svg#CamptonBookItalic") format("svg"); }
/* Campton ExtraBold Font */
@font-face {
  font-family: 'Campton ExtraBold';
  src: url("../fonts/campton/Campton ExtraBold/CamptonExtraBold.eot");
  src: url("../fonts/campton/Campton ExtraBold/CamptonExtraBold.woff2") format("woff2"), url("../fonts/campton/Campton ExtraBold/CamptonExtraBold.woff") format("woff"), url("../fonts/campton/Campton ExtraBold/CamptonExtraBold.ttf") format("truetype"), url("../fonts/campton/Campton ExtraBold/CamptonExtraBold.svg#CamptonExtraBold") format("svg"); }
/* Campton ExtraBold Italic Font */
@font-face {
  font-family: 'Campton ExtraBold Italic';
  src: url("../fonts/campton/Campton ExtraBold Italic/CamptonExtraBoldItalic.eot");
  src: url("../fonts/campton/Campton ExtraBold Italic/CamptonExtraBoldItalic.woff2") format("woff2"), url("../fonts/campton/Campton ExtraBold Italic/CamptonExtraBoldItalic.woff") format("woff"), url("../fonts/campton/Campton ExtraBold Italic/CamptonExtraBoldItalic.ttf") format("truetype"), url("../fonts/campton/Campton ExtraBold Italic/CamptonExtraBoldItalic.svg#CamptonExtraBoldItalic") format("svg"); }
/* Campton ExtraLight Font */
@font-face {
  font-family: 'Campton ExtraLight';
  src: url("../fonts/campton/Campton ExtraLight/CamptonExtraLight.eot");
  src: url("../fonts/campton/Campton ExtraLight/CamptonExtraLight.woff2") format("woff2"), url("../fonts/campton/Campton ExtraLight/CamptonExtraLight.woff") format("woff"), url("../fonts/campton/Campton ExtraLight/CamptonExtraLight.ttf") format("truetype"), url("../fonts/campton/Campton ExtraLight/CamptonExtraLight.svg#CamptonExtraLight") format("svg"); }
/* Campton ExtraLight Italic Font */
@font-face {
  font-family: 'Campton ExtraLight Italic';
  src: url("../fonts/campton/Campton ExtraLight Italic/CamptonExtraLightItalic.eot");
  src: url("../fonts/campton/Campton ExtraLight Italic/CamptonExtraLightItalic.woff2") format("woff2"), url("../fonts/campton/Campton ExtraLight Italic/CamptonExtraLightItalic.woff") format("woff"), url("../fonts/campton/Campton ExtraLight Italic/CamptonExtraLightItalic.ttf") format("truetype"), url("../fonts/campton/Campton ExtraLight Italic/CamptonExtraLightItalic.svg#CamptonExtraLightItalic") format("svg"); }
/* Campton Light Font */
@font-face {
  font-family: 'Campton Light';
  src: url("../fonts/campton/Campton Light/CamptonLight.eot");
  src: url("../fonts/campton/Campton Light/CamptonLight.woff2") format("woff2"), url("../fonts/campton/Campton Light/CamptonLight.woff") format("woff"), url("../fonts/campton/Campton Light/CamptonLight.ttf") format("truetype"), url("../fonts/campton/Campton Light/CamptonLight.svg#CamptonLight") format("svg"); }
/* Campton Light Italic Font */
@font-face {
  font-family: 'Campton Light Italic';
  src: url("../fonts/campton/Campton Light Italic/CamptonLightItalic.eot");
  src: url("../fonts/campton/Campton Light Italic/CamptonLightItalic.woff2") format("woff2"), url("../fonts/campton/Campton Light Italic/CamptonLightItalic.woff") format("woff"), url("../fonts/campton/Campton Light Italic/CamptonLightItalic.ttf") format("truetype"), url("../fonts/campton/Campton Light Italic/CamptonLightItalic.svg#CamptonLightItalic") format("svg"); }
/* Campton Medium Font */
@font-face {
  font-family: 'Campton Medium';
  src: url("../fonts/campton/Campton Medium/CamptonMedium.eot");
  src: url("../fonts/campton/Campton Medium/CamptonMedium.woff2") format("woff2"), url("../fonts/campton/Campton Medium/CamptonMedium.woff") format("woff"), url("../fonts/campton/Campton Medium/CamptonMedium.ttf") format("truetype"), url("../fonts/campton/Campton Medium/CamptonMedium.svg#CamptonMedium") format("svg"); }
/* Campton Medium Italic Font */
@font-face {
  font-family: 'Campton Medium Italic';
  src: url("../fonts/campton/Campton Medium Italic/CamptonMediumItalic.eot");
  src: url("../fonts/campton/Campton Medium Italic/CamptonMediumItalic.woff2") format("woff2"), url("../fonts/campton/Campton Medium Italic/CamptonMediumItalic.woff") format("woff"), url("../fonts/campton/Campton Medium Italic/CamptonMediumItalic.ttf") format("truetype"), url("../fonts/campton/Campton Medium Italic/CamptonMediumItalic.svg#CamptonMediumItalic") format("svg"); }
/* Campton SemiBold Font */
@font-face {
  font-family: 'Campton SemiBold';
  src: url("../fonts/campton/Campton SemiBold/CamptonSemiBold.eot");
  src: url("../fonts/campton/Campton SemiBold/CamptonSemiBold.woff2") format("woff2"), url("../fonts/campton/Campton SemiBold/CamptonSemiBold.woff") format("woff"), url("../fonts/campton/Campton SemiBold/CamptonSemiBold.ttf") format("truetype"), url("../fonts/campton/Campton SemiBold/CamptonSemiBold.svg#CamptonSemiBold") format("svg"); }
/* Campton SemiBold Italic Font */
@font-face {
  font-family: 'Campton SemiBold Italic';
  src: url("../fonts/campton/Campton SemiBold Italic/CamptonSemiBoldItalic.eot");
  src: url("../fonts/campton/Campton SemiBold Italic/CamptonSemiBoldItalic.woff2") format("woff2"), url("../fonts/campton/Campton SemiBold Italic/CamptonSemiBoldItalic.woff") format("woff"), url("../fonts/campton/Campton SemiBold Italic/CamptonSemiBoldItalic.ttf") format("truetype"), url("../fonts/campton/Campton SemiBold Italic/CamptonSemiBoldItalic.svg#CamptonSemiBoldItalic") format("svg"); }
/* Campton Thin Font */
@font-face {
  font-family: 'Campton Thin';
  src: url("../fonts/campton/Campton Thin/CamptonThin.eot");
  src: url("../fonts/campton/Campton Thin/CamptonThin.woff2") format("woff2"), url("../fonts/campton/Campton Thin/CamptonThin.woff") format("woff"), url("../fonts/campton/Campton Thin/CamptonThin.ttf") format("truetype"), url("../fonts/campton/Campton Thin/CamptonThin.svg#CamptonThin") format("svg"); }
/* Campton Thin Italic Font */
@font-face {
  font-family: 'Campton Thin Italic';
  src: url("../fonts/campton/Campton Thin Italic/CamptonThinItalic.eot");
  src: url("../fonts/campton/Campton Thin Italic/CamptonThinItalic.woff2") format("woff2"), url("../fonts/campton/Campton Thin Italic/CamptonThinItalic.woff") format("woff"), url("../fonts/campton/Campton Thin Italic/CamptonThinItalic.ttf") format("truetype"), url("../fonts/campton/Campton Thin Italic/CamptonThinItalic.svg#CamptonThinItalic") format("svg"); }
/* Ico Panda */
@font-face {
  font-family: 'Ico Panda';
  src: url("../fonts/icoPanda/ico_panda.eot");
  src: url("../fonts/icoPanda/ico_panda.woff") format("woff"), url("../fonts/icoPanda/ico_panda.ttf") format("truetype"), url("../fonts/icoPanda/ico_panda.svg#ico_panda") format("svg"); }
/* Map of icons */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'Ico Panda';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ic_ad360:before {
  content: "\e6b7"; }

.icon-ic-monitorizacion:before {
  content: "\e6b8"; }

.icon-ic-auditor3:before {
  content: "\e6b9"; }

.icon-ic-procesos2:before {
  content: "\e6ba"; }

.icon-ic-antirrobo3:before {
  content: "\e6bb"; }

.icon-ic-licencia2:before {
  content: "\e6bc"; }

.icon-ic-auditor2:before {
  content: "\e6bd"; }

.icon-ic-ladron2:before {
  content: "\e6be"; }

.icon-ic-encriptado2:before {
  content: "\e6bf"; }

.icon-ic-firewall3:before {
  content: "\e6c0"; }

.icon-ic-analisis2:before {
  content: "\e6c1"; }

.icon-ic-familiar2:before {
  content: "\e6c2"; }

.icon-ic-parental3:before {
  content: "\e6c3"; }

.icon-ic-navegacion2:before {
  content: "\e6c4"; }

.icon-ic-devices:before {
  content: "\e6c5"; }

.icon-ic-monitor2:before {
  content: "\e6c6"; }

.icon-ic-wifi3:before {
  content: "\e6c7"; }

.icon-ic-usb3:before {
  content: "\e6c8"; }

.icon-ic-install2:before {
  content: "\e6c9"; }

.icon-ic-installad:before {
  content: "\e6ca"; }

.icon-ic-euro:before {
  content: "\e6cb"; }

.icon-ic-legal:before {
  content: "\e6cc"; }

.icon-ic-watch:before {
  content: "\e6cd"; }

.icon-ic-server:before {
  content: "\e6ce"; }

.icon-ic-memcard:before {
  content: "\e6cf"; }

.icon-ic-floppy:before {
  content: "\e6d0"; }

.icon-ic-temperature:before {
  content: "\e6d1"; }

.icon-ic-like:before {
  content: "\e6d2"; }

.icon-ic-exam:before {
  content: "\e6d3"; }

.icon-ic-auditor:before {
  content: "\e6a6"; }

.icon-ic-procesos:before {
  content: "\e6a7"; }

.icon-ic-antirrobo2:before {
  content: "\e6a8"; }

.icon-ic-licencia:before {
  content: "\e6a9"; }

.icon-ic-acercade:before {
  content: "\e6aa"; }

.icon-ic-ladron:before {
  content: "\e6ab"; }

.icon-ic-encriptado:before {
  content: "\e6ac"; }

.icon-ic-firewall2:before {
  content: "\e6ad"; }

.icon-ic-familiar:before {
  content: "\e6ae"; }

.icon-ic-analisis:before {
  content: "\e6af"; }

.icon-ic-parental2:before {
  content: "\e6b0"; }

.icon-ic-navegacion:before {
  content: "\e6b1"; }

.icon-iconoscopia-13:before {
  content: "\e6b2"; }

.icon-ic-monitor:before {
  content: "\e6b3"; }

.icon-ic-wifi2:before {
  content: "\e6b4"; }

.icon-ic-controlapps:before {
  content: "\e6b5"; }

.icon-ic-usb2:before {
  content: "\e6b6"; }

.icon-ic-linkedin:before {
  content: "\e6a5"; }

.icon-ic-gatedefender:before {
  content: "\e6a4"; }

.icon-ic-cloudnet:before {
  content: "\e637"; }

.icon-ic-rescue2:before {
  content: "\e643"; }

.icon-ic-osx:before {
  content: "\e69b"; }

.icon-ic-adaptive:before {
  content: "\e69c"; }

.icon-ic-audit:before {
  content: "\e69d"; }

.icon-ic-endpoint:before {
  content: "\e69e"; }

.icon-ic-endpointplus:before {
  content: "\e69f"; }

.icon-ic-fusion:before {
  content: "\e6a0"; }

.icon-ic-63:before {
  content: "\e6a1"; }

.icon-ic-internet:before {
  content: "\e6a2"; }

.icon-ic-partner:before {
  content: "\e6a3"; }

.icon-ic-ios:before {
  content: "\e632"; }

.icon-ic-folder:before {
  content: "\e633"; }

.icon-ic-antirrobo:before {
  content: "\e634"; }

.icon-ic-improve:before {
  content: "\e69a"; }

.icon-ico-clean:before {
  content: "\e697"; }

.icon-ic-computer2:before {
  content: "\e698"; }

.icon-ic-management:before {
  content: "\e699"; }

.icon-ic-download:before {
  content: "\e600"; }

.icon-ic-download2:before {
  content: "\e601"; }

.icon-ic-user2:before {
  content: "\e602"; }

.icon-ic-comment:before {
  content: "\e603"; }

.icon-ic-refresh:before {
  content: "\e604"; }

.icon-ic-clock:before {
  content: "\e605"; }

.icon-ic-gear:before {
  content: "\e606"; }

.icon-ic-mail:before {
  content: "\e607"; }

.icon-ic-desktop:before {
  content: "\e608"; }

.icon-ic-computer:before {
  content: "\e609"; }

.icon-ic-tablet:before {
  content: "\e60a"; }

.icon-ic-smartphone:before {
  content: "\e60b"; }

.icon-ic-correct:before {
  content: "\e60c"; }

.icon-ic-laptop:before {
  content: "\e60d"; }

.icon-ic-tablet2:before {
  content: "\e60e"; }

.icon-ic-cloud:before {
  content: "\e60f"; }

.icon-ic-lock:before {
  content: "\e610"; }

.icon-ic-tack:before {
  content: "\e611"; }

.icon-ic-search:before {
  content: "\e612"; }

.icon-ic-zoomin:before {
  content: "\e613"; }

.icon-ic-zoomout:before {
  content: "\e614"; }

.icon-ic-shield:before {
  content: "\e615"; }

.icon-ic-arrow:before {
  content: "\e616"; }

.icon-ic-arrowleft:before {
  content: "\e617"; }

.icon-ic-arrowright:before {
  content: "\e618"; }

.icon-ic-star:before {
  content: "\e619"; }

.icon-ic-star2:before {
  content: "\e61a"; }

.icon-ic-camera:before {
  content: "\e61b"; }

.icon-ic-global:before {
  content: "\e61c"; }

.icon-ic-business:before {
  content: "\e61d"; }

.icon-ic-play:before {
  content: "\e61e"; }

.icon-ic-pause:before {
  content: "\e61f"; }

.icon-ic-stop:before {
  content: "\e620"; }

.icon-ic-foward:before {
  content: "\e621"; }

.icon-ic-rewind:before {
  content: "\e622"; }

.icon-ic-tick:before {
  content: "\e623"; }

.icon-ic-clip:before {
  content: "\e624"; }

.icon-ic-home:before {
  content: "\e625"; }

.icon-ic-printer:before {
  content: "\e626"; }

.icon-ic-shop:before {
  content: "\e627"; }

.icon-ic-card:before {
  content: "\e628"; }

.icon-ic-cart:before {
  content: "\e629"; }

.icon-ic-asterisk:before {
  content: "\e62a"; }

.icon-ic-percent:before {
  content: "\e62b"; }

.icon-ic-correct2:before {
  content: "\e62c"; }

.icon-ic-lock2:before {
  content: "\e62d"; }

.icon-ic-parental:before {
  content: "\e62e"; }

.icon-ic-health:before {
  content: "\e62f"; }

.icon-ic-optimize:before {
  content: "\e630"; }

.icon-ic-diamond:before {
  content: "\e631"; }

.icon-ic-beard:before {
  content: "\e635"; }

.icon-ic-quarintine:before {
  content: "\e636"; }

.icon-ic-grift:before {
  content: "\e638"; }

.icon-ic-exclamation:before {
  content: "\e639"; }

.icon-ic-exclamation2:before {
  content: "\e63a"; }

.icon-ic-warning:before {
  content: "\e63b"; }

.icon-ic-plus2:before {
  content: "\e63c"; }

.icon-ic-minus:before {
  content: "\e63d"; }

.icon-ic-close:before {
  content: "\e63e"; }

.icon-ic-tick2:before {
  content: "\e63f"; }

.icon-ic-question:before {
  content: "\e640"; }

.icon-ic-compass:before {
  content: "\e641"; }

.icon-ic-cloud2:before {
  content: "\e642"; }

.icon-ic-actualize:before {
  content: "\e644"; }

.icon-ic-user:before {
  content: "\e645"; }

.icon-ic-users:before {
  content: "\e646"; }

.icon-ic-close2:before {
  content: "\e647"; }

.icon-ic-alert:before {
  content: "\e648"; }

.icon-ic-calendar:before {
  content: "\e649"; }

.icon-ic-mouse:before {
  content: "\e64a"; }

.icon-ic-ebook:before {
  content: "\e64b"; }

.icon-ic-dvd:before {
  content: "\e64c"; }

.icon-ic-glasses:before {
  content: "\e64d"; }

.icon-ic-bulb:before {
  content: "\e64e"; }

.icon-ic-locate:before {
  content: "\e64f"; }

.icon-ic-granullar:before {
  content: "\e650"; }

.icon-ic-support:before {
  content: "\e651"; }

.icon-ic-wifi:before {
  content: "\e652"; }

.icon-ic-water:before {
  content: "\e653"; }

.icon-ic-glass:before {
  content: "\e654"; }

.icon-ic-fridge:before {
  content: "\e655"; }

.icon-ic-chair:before {
  content: "\e656"; }

.icon-ic-food:before {
  content: "\e657"; }

.icon-ic-plug:before {
  content: "\e658"; }

.icon-ic-christmas:before {
  content: "\e659"; }

.icon-ic-notes:before {
  content: "\e65a"; }

.icon-ic-plant:before {
  content: "\e65b"; }

.icon-ic-panda:before {
  content: "\e65c"; }

.icon-ic-rss:before {
  content: "\e65d"; }

.icon-ic-googleplus:before {
  content: "\e65e"; }

.icon-ic-facebook:before {
  content: "\e65f"; }

.icon-ic-twitter:before {
  content: "\e660"; }

.icon-ic-citrix:before {
  content: "\e661"; }

.icon-ic-apple:before {
  content: "\e662"; }

.icon-ic-linux:before {
  content: "\e663"; }

.icon-ic-windows:before {
  content: "\e664"; }

.icon-ic-bullet:before {
  content: "\e665"; }

.icon-ic-vaccine:before {
  content: "\e666"; }

.icon-ic-arrow2:before {
  content: "\e667"; }

.icon-ic-eye:before {
  content: "\e668"; }

.icon-ic-arrowdown:before {
  content: "\e669"; }

.icon-ic-arrowtop:before {
  content: "\e66a"; }

.icon-ic-arrowtop2:before {
  content: "\e66b"; }

.icon-ic-arrowdown2:before {
  content: "\e66c"; }

.icon-ic-arrowright2:before {
  content: "\e66d"; }

.icon-ic-arrowleft2:before {
  content: "\e66e"; }

.icon-ic-arrowfull1:before {
  content: "\e66f"; }

.icon-ic-arrowfull2:before {
  content: "\e670"; }

.icon-ic-arrowfull3:before {
  content: "\e671"; }

.icon-ic-arrowfull4:before {
  content: "\e672"; }

.icon-ic-android:before {
  content: "\e673"; }

.icon-ic-arrowdown3:before {
  content: "\e674"; }

.icon-ic-arrowtop3:before {
  content: "\e675"; }

.icon-ic-cruz:before {
  content: "\e676"; }

.icon-ic-square:before {
  content: "\e677"; }

.icon-ic-phone:before {
  content: "\e678"; }

.icon-ic-news:before {
  content: "\e679"; }

.icon-ic-link:before {
  content: "\e67a"; }

.icon-ic-image:before {
  content: "\e67b"; }

.icon-ic-mark:before {
  content: "\e67c"; }

.icon-ic-fileprotect:before {
  content: "\e67d"; }

.icon-ic-coding:before {
  content: "\e67e"; }

.icon-ic-browser:before {
  content: "\e67f"; }

.icon-ic-edit:before {
  content: "\e680"; }

.icon-ic-target:before {
  content: "\e681"; }

.icon-ic-centralized:before {
  content: "\e682"; }

.icon-ic-fileencrypt:before {
  content: "\e683"; }

.icon-ic-filedestructor:before {
  content: "\e684"; }

.icon-ic-keyboard:before {
  content: "\e685"; }

.icon-ic-usb:before {
  content: "\e686"; }

.icon-ic-drive:before {
  content: "\e687"; }

.icon-ic-clouddrive:before {
  content: "\e688"; }

.icon-ic-usbok:before {
  content: "\e689"; }

.icon-ic-dashboard:before {
  content: "\e68a"; }

.icon-ic-install:before {
  content: "\e68b"; }

.icon-ic-cleaner:before {
  content: "\e68c"; }

.icon-ic-launcher:before {
  content: "\e68d"; }

.icon-ic-firewall:before {
  content: "\e68e"; }

.icon-ic-rescue:before {
  content: "\e68f"; }

.icon-ic-info:before {
  content: "\e690"; }

.icon-ic-demo:before {
  content: "\e691"; }

.icon-ic-keyconcept:before {
  content: "\e692"; }

.icon-ic-diploma:before {
  content: "\e693"; }

.icon-ic-webinar:before {
  content: "\e694"; }

.icon-ic-feedback:before {
  content: "\e695"; }

.icon-ic-backup:before {
  content: "\e696"; }

.icon-ic-plus:before {
  content: "\e9ce"; }

/* Tests for media querys */
.mediaqueryTest {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0.5em;
  z-index: 999;
  opacity: 0.4; }

@media (max-width: 319px) {
  .mediaqueryTest {
    background-color: #def; }
    .mediaqueryTest:before {
      content: "<320px"; } }
@media (min-width: 320px) {
  .mediaqueryTest {
    background-color: #abc; }
    .mediaqueryTest:before {
      content: "phone: 320px"; } }
@media (min-width: 640px) {
  .mediaqueryTest {
    background-color: #AACCC4; }
    .mediaqueryTest:before {
      content: "iphone: 640px"; } }
@media (min-width: 800px) {
  .mediaqueryTest {
    background-color: #fed; }
    .mediaqueryTest:before {
      content: "tablet: 800px"; } }
@media (min-width: 1024px) {
  .mediaqueryTest {
    background-color: #fab; }
    .mediaqueryTest:before {
      content: "desktop: 1024px"; } }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mediaqueryTest:after {
    content: ' (Retina 2x)' !important; } }
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi) {
  .mediaqueryTest:after {
    content: ' (Retina 3x)' !important; } }

body {
  height: auto !important; }

.resposiveTest {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-x: scroll;
  border: 1px solid #4b4b4b;
  background-color: #ddd; }
  .resposiveTest ul {
    width: 4460px;
    margin: 0; }
    .resposiveTest ul li {
      position: relative;
      float: left;
      margin: 0 .5em;
      list-style-type: none;
      color: #007dd3; }
      .resposiveTest ul li iframe {
        border: 1px solid black; }

/* Product Animation */
@-webkit-keyframes product-animation-iphone {
  100% {
    -webkit-transform: translate(5px, 10.5px) rotate(50deg);
    -moz-transform: translate(5px, 10.5px) rotate(50deg);
    -ms-transform: translate(5px, 10.5px) rotate(50deg);
    transform: translate(5px, 10.5px) rotate(50deg); } }
@keyframes product-animation-iphone {
  100% {
    -webkit-transform: translate(5px, 10.5px) rotate(50deg);
    -moz-transform: translate(5px, 10.5px) rotate(50deg);
    -ms-transform: translate(5px, 10.5px) rotate(50deg);
    transform: translate(5px, 10.5px) rotate(50deg); } }
@-webkit-keyframes product-animation {
  100% {
    -webkit-transform: translate(5px, 1.6vw) rotate(50deg);
    -moz-transform: translate(5px, 1.6vw) rotate(50deg);
    -ms-transform: translate(5px, 1.6vw) rotate(50deg);
    transform: translate(5px, 1.6vw) rotate(50deg); } }
@keyframes product-animation {
  100% {
    -webkit-transform: translate(5px, 1.6vw) rotate(50deg);
    -moz-transform: translate(5px, 1.6vw) rotate(50deg);
    -ms-transform: translate(5px, 1.6vw) rotate(50deg);
    transform: translate(5px, 1.6vw) rotate(50deg); } }
@-webkit-keyframes product-animation-2 {
  100% {
    -webkit-transform: translateX(5px) rotate(-50deg);
    -moz-transform: translateX(5px) rotate(-50deg);
    -ms-transform: translateX(5px) rotate(-50deg);
    transform: translateX(5px) rotate(-50deg); } }
@keyframes product-animation-2 {
  100% {
    -webkit-transform: translateX(5px) rotate(-50deg);
    -moz-transform: translateX(5px) rotate(-50deg);
    -ms-transform: translateX(5px) rotate(-50deg);
    transform: translateX(5px) rotate(-50deg); } }
/* Link Animation */
@-webkit-keyframes link-animation {
  100% {
    -webkit-transform: translate(0, 13px) rotate(50deg);
    -moz-transform: translate(0, 13px) rotate(50deg);
    -ms-transform: translate(0, 13px) rotate(50deg);
    transform: translate(0, 13px) rotate(50deg); } }
@keyframes link-animation {
  100% {
    -webkit-transform: translate(0, 13px) rotate(50deg);
    -moz-transform: translate(0, 13px) rotate(50deg);
    -ms-transform: translate(0, 13px) rotate(50deg);
    transform: translate(0, 13px) rotate(50deg); } }
@-webkit-keyframes link-animation-2 {
  100% {
    -webkit-transform: translate(0, 8px) rotate(-50deg);
    -moz-transform: translate(0, 8px) rotate(-50deg);
    -ms-transform: translate(0, 8px) rotate(-50deg);
    transform: translate(0, 8px) rotate(-50deg); } }
@keyframes link-animation-2 {
  100% {
    -webkit-transform: translate(0, 8px) rotate(-50deg);
    -moz-transform: translate(0, 8px) rotate(-50deg);
    -ms-transform: translate(0, 8px) rotate(-50deg);
    transform: translate(0, 8px) rotate(-50deg); } }
/* Download Animation */
@-webkit-keyframes download-animation {
  100% {
    top: 10vw; } }
@keyframes download-animation {
  100% {
    top: 10vw; } }
/* Download Animation for iPhone */
@-webkit-keyframes download-animation-iphone {
  100% {
    top: 60px; } }
@keyframes download-animation-iphone {
  100% {
    top: 60px; } }
/* Download Animation for Tablet & Desktop */
@-webkit-keyframes download-animation-tablet {
  100% {
    top: 38px; } }
@keyframes download-animation-tablet {
  100% {
    top: 38px; } }
/* Clock Points Animation */
@-webkit-keyframes clock-points {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1.0; }
  100% {
    opacity: 0.5; } }
@keyframes clock-points {
  0% {
    opacity: 0.5; }
  50% {
    opacity: 1.0; }
  100% {
    opacity: 0.5; } }
/* Old Loading animation */
/* 404 animation */
@keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes orbit {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes t404 {
  0% {
    opacity: 0.4; }
  100% {
    opacity: 0.1; } }
@-webkit-keyframes t404 {
  0% {
    opacity: 0.4; }
  100% {
    opacity: 0.1; } }
@keyframes t404-hide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes t404-hide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* Loading animation */
@keyframes spin-circle1 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin-circle1 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin-circle2 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin-circle2 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin-circle3 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin-circle3 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  50% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin-circle4 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  75% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes spin-circle4 {
  0% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }
  50% {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
  75% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
body.modals {
  background-color: #fff; }

.modals-test {
  padding-left: calc(50vw - 512px);
  padding-right: calc(50vw - 512px); }
  .modals-test:before, .modals-test:after {
    content: " ";
    display: table; }
  .modals-test:after {
    clear: both; }
  .modals-test a {
    display: block;
    margin: 0.5em; }
    .modals-test a:hover {
      font-weight: bold; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  pointer-events: none; }
  .modal .loader {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px; }
    .modal .loader .circle {
      content: '';
      position: absolute;
      width: 16px;
      height: 16px;
      top: 10px;
      left: 10px;
      background-color: #252c6d;
      -webkit-transform-origin: 20px 20px;
      -moz-transform-origin: 20px 20px;
      -ms-transform-origin: 20px 20px;
      transform-origin: 20px 20px;
      border-radius: 8px;
      -webkit-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
      -o-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
      animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
      .modal .loader .circle:nth-child(2) {
        background-color: #295ca9;
        top: 10px;
        left: auto;
        right: 10px;
        -webkit-transform-origin: -4px 20px;
        -moz-transform-origin: -4px 20px;
        -ms-transform-origin: -4px 20px;
        transform-origin: -4px 20px;
        -webkit-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
      .modal .loader .circle:nth-child(3) {
        background-color: #437fc0;
        top: auto;
        left: auto;
        right: 10px;
        bottom: 10px;
        -webkit-transform-origin: -4px -4px;
        -moz-transform-origin: -4px -4px;
        -ms-transform-origin: -4px -4px;
        transform-origin: -4px -4px;
        -webkit-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
      .modal .loader .circle:nth-child(4) {
        background-color: #6dabdd;
        top: auto;
        bottom: 10px;
        -webkit-transform-origin: 20px -4px;
        -moz-transform-origin: 20px -4px;
        -ms-transform-origin: 20px -4px;
        transform-origin: 20px -4px;
        -webkit-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
  .modal.open {
    opacity: 1;
    z-index: 99999;
    pointer-events: auto; }
  .modal .modal-wrapper {
    width: auto;
    height: auto;
    position: relative;
    margin: calc(50vh - 300px) auto;
    border-radius: 10px;
    padding: 1em;
    overflow: hidden; }
    .modal .modal-wrapper iframe {
      width: 99%;
      height: 99%;
      border: none;
      position: relative; }
    .modal .modal-wrapper .modal-content {
      width: 99%;
      height: 99%;
      overflow-y: auto; }
    .modal .modal-wrapper .close-modal {
      width: 20px;
      height: 19px;
      font-size: 30px;
      background-color: #fff;
      color: #007dd3;
      border-radius: 50%;
      position: absolute;
      right: 10px;
      top: 10px;
      -webkit-box-shadow: 0 2px 1px #295ca9;
      box-shadow: 0 2px 1px #295ca9; }
      .modal .modal-wrapper .close-modal:active {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        transform: translate(0, 2px); }
      .modal .modal-wrapper .close-modal i {
        position: absolute;
        top: -4px;
        left: -5px; }

/* Site styles */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 100%; }

*, *::after, *::before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }
  *:focus, *::after:focus, *::before:focus {
    outline: none; }

a {
  text-decoration: none;
  outline: none; }

a:hover, a:focus {
  outline: none; }

button:focus, input:focus, select:focus {
  outline: none; }

@media (min-width: 800px) {
  .mobile {
    display: none !important; } }
.desktop {
  display: none !important; }

@media (min-width: 800px) {
  .desktop {
    display: inline-block !important; } }
body {
  font-family: "Campton Light", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #4b4b4b;
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 100%; }
  body.hidden {
    overflow: hidden; }

article {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 100%; }

main {
  background-color: #fff; }
  main:before, main:after {
    content: " ";
    display: table; }
  main:after {
    clear: both; }
  main .wrapper-main {
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
    @media (min-width: 640px) {
      main .wrapper-main {
        padding-top: calc(40px + 20px); } }
    @media (min-width: 1024px) {
      main .wrapper-main {
        padding-left: calc(50vw - 512px);
        padding-right: calc(50vw - 512px); } }
    main .wrapper-main:before, main .wrapper-main:after {
      content: " ";
      display: table; }
    main .wrapper-main:after {
      clear: both; }

/*Helper classes*/
.margin-top-small {
  margin-top: 5%; }

.margin-top-medium {
  margin-top: 10%; }

/* Navigation */
nav {
  -webkit-transition: height 0.25s ease;
  -o-transition: height 0.25s ease;
  transition: height 0.25s ease;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  height: 40px;
  position: fixed;
  z-index: 990;
  background-color: #007dd3; }
  nav .nav-back {
    display: none !important; }
  nav .nav-menu {
    display: block !important; }
  nav table.nav-menu {
    display: table; }
  nav tr.nav-menu {
    display: table-row !important; }
  nav th.nav-menu,
  nav td.nav-menu {
    display: table-cell !important; }
  nav .nav-menu {
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    top: calc(50% - 0.55em);
    color: #fff;
    font-size: 2em;
    height: 1em;
    opacity: 0.9;
    z-index: 10; }
    nav .nav-menu a {
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      display: block;
      font-size: .4em;
      line-height: 2.25em;
      color: #fff;
      text-decoration: none;
      opacity: 0;
      cursor: pointer;
      position: absolute;
      z-index: 100; }
    nav .nav-menu:after {
      content: "";
      position: absolute;
      z-index: 99;
      top: calc(50% - 0.25em);
      left: 0;
      width: 1em;
      height: 0.615em;
      border-top: 0.375em double #fff;
      border-bottom: 0.125em solid #fff;
      cursor: pointer; }
    nav .nav-menu:hover {
      opacity: 1; }
    @media (min-width: 640px) {
      nav .nav-menu {
        top: calc(50% - 0.5em); }
        nav .nav-menu a {
          font-size: .5em;
          padding-left: 3em;
          opacity: 0.9; }
          nav .nav-menu a:hover {
            padding-left: 3.75em; } }
  nav .nav-back {
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: absolute;
    top: calc(50% - 0.45em);
    left: 5px;
    color: #fff;
    font-size: 1em;
    height: 1em;
    opacity: 0.9;
    z-index: 1; }
    nav .nav-back a {
      -webkit-transition: opacity 0.25s ease;
      -o-transition: opacity 0.25s ease;
      transition: opacity 0.25s ease;
      display: block;
      font-size: .5em;
      line-height: 2em;
      color: #fff;
      text-decoration: none;
      opacity: 0; }
    nav .nav-back:after, nav .nav-back:before {
      content: '';
      width: 2px;
      height: 15px;
      background: #fff;
      position: absolute;
      left: 0;
      top: -4px; }
    nav .nav-back:after {
      -webkit-transform: translate(15px, 0) rotate(50deg);
      -moz-transform: translate(15px, 0) rotate(50deg);
      -ms-transform: translate(15px, 0) rotate(50deg);
      transform: translate(15px, 0) rotate(50deg); }
    nav .nav-back:before {
      -webkit-transform: translate(15px, 9px) rotate(-50deg);
      -moz-transform: translate(15px, 9px) rotate(-50deg);
      -ms-transform: translate(15px, 9px) rotate(-50deg);
      transform: translate(15px, 9px) rotate(-50deg); }
    nav .nav-back:hover {
      opacity: 1;
      -webkit-transform: translate(-5px, 0);
      -ms-transform: translate(-5px, 0);
      -o-transform: translate(-5px, 0);
      transform: translate(-5px, 0); }
    @media (min-width: 640px) {
      nav .nav-back {
        padding-left: 2.4em; }
        nav .nav-back a {
          opacity: 1; }
        nav .nav-back:hover {
          padding-left: 2.5em; } }
    @media (min-width: 1024px) {
      nav .nav-back {
        left: inherit;
        margin-left: 10px; } }
  nav .nav-logo {
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    height: 40px;
    padding-top: calc(40px/2 - 16px);
    text-align: center;
    margin-left: -46px; }
    nav .nav-logo a {
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      display: inline-block;
      height: 32px;
      width: 36px;
      opacity: 1;
      overflow: hidden; }
      nav .nav-logo a img {
        margin-top: 2.5%;
        height: 95%; }
      nav .nav-logo a:hover {
        opacity: 0.9; }
      @media (min-width: 640px) {
        nav .nav-logo a img {
          margin-top: 0;
          height: 100%; } }
      @media (min-width: 800px) {
        nav .nav-logo a {
          width: 113px; } }
    nav .nav-logo span {
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      display: inline-block;
      color: #fff;
      height: 24px;
      font-size: 18px;
      position: absolute;
      top: calc(40px/2 - 12px);
      border-left: 1px solid #fff;
      margin-left: 7px;
      padding-left: 7px;
      opacity: 0.9; }
      @media (min-width: 640px) {
        nav .nav-logo span {
          height: 30px;
          font-size: 24px;
          top: calc((40px + 20px)/2 - 16px); } }
    @media (min-width: 640px) {
      nav .nav-logo {
        height: calc(40px + 20px);
        padding-top: calc((40px + 20px)/2 - 16px); } }
  nav .nav-login {
    position: absolute;
    top: calc(50% - 0.85em);
    right: 10px;
    height: 2em;
    color: #fff; }
    @media (min-width: 640px) {
      nav .nav-login {
        top: calc(50% - 1em);
        right: 15px; } }
    @media (min-width: 1024px) {
      nav .nav-login {
        margin-right: calc(50vw - 512px); } }
    nav .nav-login .user {
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      background-color: #fff;
      color: #4b4b4b;
      position: fixed;
      right: 5px;
      top: 40px;
      width: 80%;
      padding: 0 15px;
      height: 0;
      overflow: hidden;
      word-break: break-word;
      -webkit-box-shadow: 0 2px 10px #295ca9;
      box-shadow: 0 2px 10px #295ca9; }
      nav .nav-login .user.active {
        top: 45px;
        height: auto;
        padding: 0.5em 15px; }
      nav .nav-login .user p {
        margin: .35em; }
        nav .nav-login .user p + p {
          font-size: 0.85em;
          color: #007dd3; }
      @media (min-width: 640px) {
        nav .nav-login .user {
          display: none; } }
    nav .nav-login a {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      opacity: 0.9; }
      nav .nav-login a span {
        display: none;
        margin-right: .5em;
        margin-top: .5em;
        float: left; }
        @media (min-width: 640px) {
          nav .nav-login a span {
            display: inline-block; } }
      nav .nav-login a i {
        font-size: 2em; }
      nav .nav-login a:hover {
        opacity: 1; }
      @media (min-width: 640px) {
        nav .nav-login a {
          cursor: default; } }
  @media (min-width: 640px) {
    nav {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      height: calc(40px + 20px); } }
  @media (min-width: 800px) {
    nav .nav-back {
      display: block !important; }
    nav table.nav-back {
      display: table; }
    nav tr.nav-back {
      display: table-row !important; }
    nav th.nav-back,
    nav td.nav-back {
      display: table-cell !important; }
    nav .nav-menu {
      display: none !important; } }
  @media (min-width: 1024px) {
    nav {
      padding-left: calc(50vw - 512px);
      padding-right: calc(50vw - 512px); } }

/* Section menu */
.content-wrap {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  /* IE10 */ }
  .content-wrap:before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 991;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    background: none\0;
    /* IE9 */
    content: '';
    opacity: 1;
    -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
    -ms-transition: opacity 0.4s, -ms-transform 0s 0.4s;
    transition: opacity 0.4s, transform 0s 0.4s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
    @media (min-width: 800px) {
      .content-wrap:before {
        display: none; } }
  @media all and (-ms-high-contrast: none) {
    .content-wrap {
      /* IE10 */ }
      .content-wrap:before {
        background: rgba(0, 0, 0, 0.3); } }

/* Menu */
.menu-wrap {
  position: fixed;
  z-index: 992;
  width: 90vw;
  height: 100%;
  font-size: 6vw;
  -webkit-transform: translate3d(-90vw, 0, 0);
  transform: translate3d(-90vw, 0, 0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s;
  /* IE10 */ }
  @media all and (-ms-high-contrast: none) {
    .menu-wrap {
      -webkit-transform: translate3d(90vw, 0, 0);
      transform: translate3d(90vw, 0, 0); } }
  .menu-wrap .menu {
    position: absolute;
    z-index: 100;
    padding: 10vh 1em 0; }
    @media screen and (max-height: 479px) {
      .menu-wrap .menu {
        padding: 1em; } }
    @media (min-width: 1024px) {
      .menu-wrap .menu {
        width: 340px; } }
  @media (min-width: 480px) {
    .menu-wrap {
      font-size: 28px; } }
  @media (min-width: 640px) {
    .menu-wrap {
      /* IE10 */ } }
  @media all and (min-width: 640px) and (-ms-high-contrast: none) {
    .menu-wrap {
      -webkit-transform: translate3d(-90vw, 0, 0);
      transform: translate3d(-90vw, 0, 0); } }

  @media (min-width: 800px) {
    .menu-wrap {
      display: none;
      font-size: 24px;
      width: 39vw;
      -webkit-transform: translate3d(-39vw, 0, 0);
      transform: translate3d(-39vw, 0, 0); } }
  @media (min-width: 1024px) {
    .menu-wrap {
      padding-left: calc(39vw - 340px);
      /* IE10 */ } }
  @media all and (min-width: 1024px) and (-ms-high-contrast: none) {
    .menu-wrap {
      -webkit-transform: translate3d(39vw, 0, 0);
      transform: translate3d(39vw, 0, 0); } }

@media all and (min-width: 1024px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, .menu-wrap {
    visibility: hidden; }

  /* IE 11 */ }
/* Close Button */
.close-button {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 1em;
  top: 1em;
  overflow: hidden;
  text-indent: 20px;
  border: none;
  z-index: 100;
  background: transparent;
  color: transparent; }
  .close-button:before, .close-button:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #fff; }
  .close-button:hover:after, .close-button:hover:before {
    background: #6dabdd; }
  .close-button:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close-button:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.menu, .close-button {
  opacity: 0;
  -webkit-transform: translate3d(-160px, 0, 0);
  transform: translate3d(-160px, 0, 0);
  -ms-transition: opacity 0s 0.3s, -ms-transform 0s 0.3s;
  -webkit-transition: opacity 0s 0.3s, -webkit-transform 0s 0.3s;
  transition: opacity 0s 0.3s, transform 0s 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.1, 1.27);
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.1, 1.27); }

.icon-list a {
  display: block;
  padding: 1vh; }
  @media screen and (max-height: 479px) {
    .icon-list a {
      padding: 0.35vh; } }

.icon-list i {
  font-size: 1.5em;
  vertical-align: middle;
  color: #8da1a1; }

.icon-list a:hover i {
  color: #6dabdd; }

.icon-list a span {
  margin-left: 10px;
  font-size: 0.85em;
  vertical-align: middle;
  color: #fff;
  font-family: 'Campton Light', Arial, sans-serif; }

.icon-list a:hover span {
  color: #6dabdd; }

.icon-list a.active i, .icon-list a.active span {
  color: #6dabdd; }

.icon-list .icon-ic-arrow {
  display: inline-block;
  margin: -2.5vw 0 0 -2vw;
  font-size: 2em; }
  @media (min-width: 480px) {
    .icon-list .icon-ic-arrow {
      margin: -12px 0 0 -9px; } }

/* Morph Shape */
.morph-shape {
  position: absolute;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  fill: #4b5964; }

/* Shown menu */
.show-menu .menu-wrap,
.show-menu .content-wrap:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.show-menu .menu-wrap,
.show-menu .menu,
.show-menu .close-button,
.show-menu .morph-shape,
.show-menu .content-wrap:before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .show-menu .menu-wrap, .show-menu .menu, .show-menu .close-button, .show-menu .morph-shape, .show-menu .content-wrap:before {
    visibility: visible; }

  /* IE 11 */ }
.show-menu .menu,
.show-menu .close-button {
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -ms-transition: opacity 0.3s, -ms-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.show-menu .content-wrap:before {
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }

/* Section login */
.login {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  .login a {
    -webkit-transition: transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    display: inline-block;
    color: #007dd3;
    border-bottom: 1px solid #fff; }
    .login a:hover {
      -webkit-transform: translate(0, -2px);
      -ms-transform: translate(0, -2px);
      -o-transform: translate(0, -2px);
      transform: translate(0, -2px);
      border-bottom: 1px solid #007dd3;
      color: #007dd3; }
  .login .title h1 {
    margin: 2em 0 1em;
    font-size: 5vw;
    font-weight: normal; }
  .login .error {
    font-size: 4.5vw;
    color: #e50041; }
    .login .error ul {
      padding: 0;
      margin: 1.5em auto;
      list-style-type: none; }
  .login .loading {
    position: relative;
    height: 160px;
    display: none; }
    .login .loading .loader {
      width: 60px;
      height: 60px;
      position: absolute;
      left: 50%;
      margin-left: -30px;
      top: 50%;
      margin-top: -30px; }
      .login .loading .loader .circle {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 10px;
        left: 10px;
        background-color: #252c6d;
        -webkit-transform-origin: 20px 20px;
        -moz-transform-origin: 20px 20px;
        -ms-transform-origin: 20px 20px;
        transform-origin: 20px 20px;
        border-radius: 8px;
        -webkit-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .login .loading .loader .circle:nth-child(2) {
          background-color: #295ca9;
          top: 10px;
          left: auto;
          right: 10px;
          -webkit-transform-origin: -4px 20px;
          -moz-transform-origin: -4px 20px;
          -ms-transform-origin: -4px 20px;
          transform-origin: -4px 20px;
          -webkit-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .login .loading .loader .circle:nth-child(3) {
          background-color: #437fc0;
          top: auto;
          left: auto;
          right: 10px;
          bottom: 10px;
          -webkit-transform-origin: -4px -4px;
          -moz-transform-origin: -4px -4px;
          -ms-transform-origin: -4px -4px;
          transform-origin: -4px -4px;
          -webkit-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .login .loading .loader .circle:nth-child(4) {
          background-color: #6dabdd;
          top: auto;
          bottom: 10px;
          -webkit-transform-origin: 20px -4px;
          -moz-transform-origin: 20px -4px;
          -ms-transform-origin: 20px -4px;
          transform-origin: 20px -4px;
          -webkit-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
    .login .loading p {
      margin-top: 2em; }
  .login .form {
    font-size: 4.5vw; }
    .login .form .securityPass {
      display: none !important;
      margin-bottom: 20px; }
      .login .form .securityPass.show {
        display: block !important; }
      .login .form .securityPass .securityPassTitle {
        text-align: left;
        font-size: .9em; }
      .login .form .securityPass .securityPassContainer .no-validate p {
        color: red !important; }
      .login .form .securityPass .securityPassRule {
        display: block !important; }
    .login .form .datePicker {
      width: 32%; }
    .login .form label {
      display: block;
      padding-bottom: 0.55em; }
    .login .form input, .login .form select {
      width: 100%;
      padding: 0.25em 0.5em;
      border: 2px solid #e6e4e3;
      background-color: #fff;
      color: #969696; }
      .login .form input:focus, .login .form select:focus {
        color: #4b4b4b; }
      .login .form input.changed, .login .form select.changed {
        border-color: #6dabdd; }
      .login .form input[aria-invalid="true"], .login .form select[aria-invalid="true"] {
        border-color: #e50041; }
    .login .form input[type="checkbox"] {
      border: none; }
    .login .form .pws-forgotten {
      text-align: right;
      margin-top: 0.5em;
      font-size: 3.8vw; }
    .login .form .button {
      display: inline-block;
      text-align: center;
      width: 50vw;
      line-height: 12vw;
      position: relative;
      outline: none;
      color: #fff;
      background-color: #007dd3;
      border: 1px solid #007dd3;
      border-radius: 0;
      font-family: 'Campton Book', sans-serif;
      font-size: 4.5vw;
      border-radius: 0;
      display: block;
      margin: 1.5em auto;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .login .form .button:active {
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        transform: translate(0, 2px); }
      .login .form .button:focus, .login .form .button:visited {
        color: #fff; }
    .login .form .button-cancel {
      display: inline-block;
      text-align: center;
      width: 50vw;
      line-height: 12vw;
      position: relative;
      outline: none;
      color: #969696;
      background-color: #e4e6e7;
      border: 1px solid #a1a7ab;
      border-radius: 0;
      font-family: 'Campton Book', sans-serif;
      font-size: 4.5vw;
      border-radius: 0;
      display: block;
      margin: 1.5em auto;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .login .form .button-cancel:active {
        color: #969696;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translate(0, 2px);
        -ms-transform: translate(0, 2px);
        -o-transform: translate(0, 2px);
        transform: translate(0, 2px); }
      .login .form .button-cancel:focus, .login .form .button-cancel:visited {
        color: #969696; }
    .login .form .new-account, .login .form .no-access {
      text-align: center;
      margin-bottom: 3em; }
    .login .form .error {
      text-align: left;
      color: #e50041;
      margin-top: 0.25em; }
    .login .form .terms {
      list-style-type: none;
      padding: 0;
      margin: 2em 0; }
      .login .form .terms input {
        float: left;
        width: 10%; }
      .login .form .terms label {
        display: inline-block;
        width: 90%; }
      .login .form .terms + .button {
        margin-bottom: 6em; }
    .login .form .passwordStrength.validate p {
      color: #00be38; }
    .login .form .passwordStrength.no-validate p {
      color: #4b4b4b; }
    .login .form .passwordStrength div {
      position: relative;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 3px;
      background-color: #c5c5c5;
      line-height: 1; }
      .login .form .passwordStrength div span {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        height: 100%;
        line-height: 1; }
    .login .form .passwordStrength p {
      position: relative;
      text-align: left;
      font-size: .9em; }
    .login .form #recaptcha_area {
      margin: 0 auto; }
      .login .form #recaptcha_area table tr:last-of-type {
        display: none; }
  @media (min-width: 480px) {
    .login .title h1 {
      font-size: 24px; }
    .login .error {
      font-size: 21px; }
    .login .form {
      font-size: 21px; }
      .login .form .pws-forgotten {
        font-size: 19px; }
      .login .form .button, .login .form .button-cancel {
        font-size: 21px;
        border-radius: 0;
        width: 240px;
        line-height: 57px; } }
  @media (min-width: 800px) {
    .login {
      text-align: center; }
      .login .error {
        font-size: 14px; }
        .login .error ul {
          max-width: 500px; }
      .login .form {
        max-width: 320px;
        margin: 0 auto;
        font-size: 14px; }
        .login .form label {
          text-align: left; }
        .login .form .pws-forgotten {
          font-size: 13px; }
        .login .form .button, .login .form .button-cancel {
          font-size: 14px;
          border-radius: 0;
          width: 170px;
          line-height: 40px; }
        .login .form .button {
          margin-top: 2.5em; }
        .login .form .button-cancel {
          margin-top: 0.5em; } }

.privacyPolicyExplainText {
  margin-bottom: 4em;
  text-align: left; }

/* Section menu tabs */
.menu-tabs {
  flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  display: none;
  padding-bottom: 3em; }
  .menu-tabs a {
    display: block;
    color: #007dd3;
    line-height: 45px;
    border-bottom: 1px solid #e6e4e3;
    padding-left: 4em;
    position: relative; }
    .menu-tabs a i {
      -webkit-transition: all 0.25s ease;
      -o-transition: all 0.25s ease;
      transition: all 0.25s ease;
      position: absolute;
      left: 7px;
      font-size: 2.5em;
      margin-top: 5px; }
    .menu-tabs a:first-of-type i {
      font-size: 2.35em;
      margin-top: 7px;
      left: 8px; }
    .menu-tabs a span {
      white-space: nowrap; }
      @media (min-width: 800px) {
        .menu-tabs a span {
          white-space: initial; } }
    .menu-tabs a:hover, .menu-tabs a.active {
      color: #fff;
      background-color: #007dd3;
      border-bottom: 1px solid #007dd3; }
      .menu-tabs a:hover i, .menu-tabs a.active i {
        left: 10px; }
  @media (min-width: 800px) {
    .menu-tabs {
      display: block;
      width: 230px;
      max-width: 230px; } }
  @media (min-width: 1024px) {
    .menu-tabs {
      border-left: 1px solid #e6e4e3;
      max-width: 360px; } }

.content-tabs {
  flex: 2.8;
  -webkit-flex: 2.8;
  -ms-flex: 2.8;
  position: relative;
  overflow: hidden; }
  .content-tabs .wrapper-content {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    padding-top: 0.5em; }
    .content-tabs .wrapper-content .content {
      -webkit-transition: margin-left 0.25s ease;
      -o-transition: margin-left 0.25s ease;
      transition: margin-left 0.25s ease;
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      position: absolute;
      z-index: -1;
      margin-left: 100%;
      background-color: #fff;
      font-size: 4.5vw; }
      .content-tabs .wrapper-content .content .column-1 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1em;
        padding-bottom: 0.25em;
        border-top: 1px solid #e6e4e3; }
        .content-tabs .wrapper-content .content .column-1:first-of-type, .content-tabs .wrapper-content .content .column-1:nth-child(2) {
          border-top: none; }
        .content-tabs .wrapper-content .content .column-1.desktop {
          display: none; }
          @media (min-width: 800px) {
            .content-tabs .wrapper-content .content .column-1.desktop {
              display: block; } }
        .content-tabs .wrapper-content .content .column-1 .helper-2fa {
          color: #007dd3; }
          .content-tabs .wrapper-content .content .column-1 .helper-2fa i {
            font-size: 1.85em;
            position: absolute;
            margin-left: 0.15em;
            margin-top: -0.07em; }
        @media (min-width: 800px) {
          .content-tabs .wrapper-content .content .column-1 {
            position: relative;
            float: left;
            width: 33.33333%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            border: none; } }
      .content-tabs .wrapper-content .content .column-2 {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0.25em;
        padding-bottom: 1.25em;
        color: #969696; }
        .content-tabs .wrapper-content .content .column-2 input, .content-tabs .wrapper-content .content .column-2 select {
          padding: 0.25em 0.5em;
          border: 2px solid #e6e4e3;
          width: 100%;
          background-color: #fff; }
          .content-tabs .wrapper-content .content .column-2 input:focus, .content-tabs .wrapper-content .content .column-2 select:focus {
            color: #4b4b4b; }
          .content-tabs .wrapper-content .content .column-2 input.changed, .content-tabs .wrapper-content .content .column-2 select.changed {
            border-color: #6dabdd; }
          .content-tabs .wrapper-content .content .column-2 input[aria-invalid="true"], .content-tabs .wrapper-content .content .column-2 select[aria-invalid="true"] {
            border-color: #e50041; }
        .content-tabs .wrapper-content .content .column-2 a {
          -webkit-transition: transform 0.25s ease;
          -o-transition: transform 0.25s ease;
          transition: transform 0.25s ease;
          display: inline-block;
          color: #007dd3;
          border-bottom: 1px solid #fff; }
          .content-tabs .wrapper-content .content .column-2 a:hover {
            -webkit-transform: translate(0, -2px);
            -ms-transform: translate(0, -2px);
            -o-transform: translate(0, -2px);
            transform: translate(0, -2px);
            border-bottom: 1px solid #007dd3;
            color: #007dd3; }
        .content-tabs .wrapper-content .content .column-2 .email {
          display: block;
          word-break: break-word; }
        .content-tabs .wrapper-content .content .column-2 .link {
          display: inline-block;
          word-break: break-word;
          margin-right: 1em;
          margin-top: 0.5em; }
        .content-tabs .wrapper-content .content .column-2.date select {
          position: relative;
          float: left;
          width: 35%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
          border-left: none; }
          .content-tabs .wrapper-content .content .column-2.date select:first-of-type {
            position: relative;
            float: left;
            width: 30%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            border-left: 2px solid #e6e4e3; }
          .content-tabs .wrapper-content .content .column-2.date select.changed {
            border-left: 2px solid #6dabdd; }
        .content-tabs .wrapper-content .content .column-2.desktop {
          display: none; }
          @media (min-width: 800px) {
            .content-tabs .wrapper-content .content .column-2.desktop {
              display: block; } }
        @media (min-width: 800px) {
          .content-tabs .wrapper-content .content .column-2 {
            position: relative;
            float: left;
            width: 66.66667%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 1em; }
            .content-tabs .wrapper-content .content .column-2 input, .content-tabs .wrapper-content .content .column-2 select {
              margin-top: -2em;
              margin-bottom: -10px;
              margin-left: calc(-0.5em - 2px);
              width: 300px; }
            .content-tabs .wrapper-content .content .column-2 .link {
              display: inline-block;
              margin-top: 1em; }
            .content-tabs .wrapper-content .content .column-2.date select {
              display: inline-block;
              float: none;
              padding-right: 0.25em;
              padding-left: 0.25em;
              width: 90px;
              margin-right: 1em;
              border-left: 2px solid #e6e4e3; }
              .content-tabs .wrapper-content .content .column-2.date select:first-of-type {
                float: none;
                padding-right: 0.25em;
                padding-left: 0.25em;
                width: 90px; }
              .content-tabs .wrapper-content .content .column-2.date select:last-of-type {
                width: 103px; }
              .content-tabs .wrapper-content .content .column-2.date select.changed {
                border-left-color: #6dabdd; } }
      .content-tabs .wrapper-content .content .column-error {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 0.9em;
        color: #e50041; }
        .content-tabs .wrapper-content .content .column-error p {
          margin: 0 0 0.5em; }
      .content-tabs .wrapper-content .content.active {
        position: relative;
        z-index: 1;
        margin-left: 0; }
      @media (min-width: 480px) {
        .content-tabs .wrapper-content .content {
          font-size: 21px; } }
      @media (min-width: 800px) {
        .content-tabs .wrapper-content .content {
          font-size: 1em;
          padding-bottom: 8em; } }
    @media (min-width: 800px) {
      .content-tabs .wrapper-content .language .column-1 {
        position: relative;
        float: left;
        width: 16.66667%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
      .content-tabs .wrapper-content .language .column-2 {
        position: relative;
        float: left;
        width: 83.33333%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; } }
    .content-tabs .wrapper-content .save-change {
      -webkit-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      position: fixed;
      bottom: -20vw;
      z-index: 99;
      height: 20vw;
      background-color: #007dd3;
      padding-top: 3.8vw; }
      .content-tabs .wrapper-content .save-change.show {
        bottom: 0; }
      .content-tabs .wrapper-content .save-change .save {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        .content-tabs .wrapper-content .save-change .save button {
          display: inline-block;
          text-align: center;
          width: 100%;
          line-height: 12vw;
          position: relative;
          outline: none;
          color: #007dd3;
          background-color: #fff;
          border: 0 solid #4b4b4b;
          border-radius: 0;
          font-family: 'Campton Book', sans-serif;
          font-size: 4.5vw;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .content-tabs .wrapper-content .save-change .save button:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
            -o-transform: translate(0, 2px);
            transform: translate(0, 2px); }
          @media (min-width: 480px) {
            .content-tabs .wrapper-content .save-change .save button {
              line-height: 57px;
              font-size: 21px;
              border-radius: 0; } }
          @media (min-width: 800px) {
            .content-tabs .wrapper-content .save-change .save button {
              display: inline-block;
              text-align: center;
              width: 100%;
              line-height: 40px;
              position: relative;
              outline: none;
              color: #fff;
              background-color: #007dd3;
              border: 1px solid #007dd3;
              border-radius: 0;
              font-size: 14px;
              border-radius: 0; } }
        @media (min-width: 800px) {
          .content-tabs .wrapper-content .save-change .save {
            position: relative;
            float: left;
            width: 25%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px; } }
      .content-tabs .wrapper-content .save-change .cancel {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        .content-tabs .wrapper-content .save-change .cancel button {
          display: inline-block;
          text-align: center;
          width: 100%;
          line-height: 12vw;
          position: relative;
          outline: none;
          color: #fff;
          background-color: #969696;
          border: 1px solid #969696;
          border-radius: 0;
          font-family: 'Campton Book', sans-serif;
          font-size: 4.5vw;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .content-tabs .wrapper-content .save-change .cancel button:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
            -o-transform: translate(0, 2px);
            transform: translate(0, 2px); }
          @media (min-width: 480px) {
            .content-tabs .wrapper-content .save-change .cancel button {
              line-height: 57px;
              font-size: 21px;
              border-radius: 0; } }
          @media (min-width: 800px) {
            .content-tabs .wrapper-content .save-change .cancel button {
              line-height: 40px;
              font-size: 14px;
              border-radius: 0; } }
        @media (min-width: 800px) {
          .content-tabs .wrapper-content .save-change .cancel {
            position: relative;
            float: left;
            width: 25%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px; } }
      .content-tabs .wrapper-content .save-change.show::after {
        content: '';
        display: block;
        position: absolute;
        top: -2.7vw;
        left: 2.7vw;
        width: 0;
        height: 0;
        border-left: 3vw solid transparent;
        border-right: 3vw solid transparent;
        border-bottom: 3vw solid #007dd3; }
        @media (min-width: 480px) {
          .content-tabs .wrapper-content .save-change.show::after {
            border-left: 14px solid transparent;
            border-right: 14px solid transparent;
            border-bottom: 14px solid #007dd3;
            top: -13px;
            left: 13px; } }
        @media (min-width: 800px) {
          .content-tabs .wrapper-content .save-change.show::after {
            display: none; } }
      @media (min-width: 480px) {
        .content-tabs .wrapper-content .save-change {
          height: 96px;
          bottom: -96px;
          padding-top: 18px; } }
      @media (min-width: 800px) {
        .content-tabs .wrapper-content .save-change {
          background-color: transparent;
          position: absolute;
          height: 70px;
          bottom: -70px;
          padding-top: 0; } }
    @media (min-width: 800px) {
      .content-tabs .wrapper-content {
        padding: 1em; } }
  @media (min-width: 800px) {
    .content-tabs {
      border-left: 1px solid #e6e4e3; } }
  @media (min-width: 1024px) {
    .content-tabs {
      flex: 3.5;
      -webkit-flex: 3.5;
      -ms-flex: 3.5;
      border-right: 1px solid #e6e4e3; } }

/* Section History Log */
.log-table {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden; }
  .log-table .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1; }
    .log-table .row:nth-child(2n-1) {
      -webkit-transition: all 0.125s ease;
      -o-transition: all 0.125s ease;
      transition: all 0.125s ease;
      background-color: #f8f8f8; }
    .log-table .row:hover {
      background-color: rgba(7, 103, 197, 0.1); }
    .log-table .row.head {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row nowrap;
      flex-flow: row nowrap;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      background-color: #fff;
      color: #007dd3;
      border-bottom: 1px solid #007dd3;
      padding: 1em;
      font-size: 13px;
      font-weight: bold; }
      @media (min-width: 800px) {
        .log-table .row.head {
          padding: 1em 1.5em; } }
    .log-table .row.show {
      background-color: rgba(7, 103, 197, 0.1); }
    .log-table .row .col-2 {
      display: none; }
      @media (min-width: 800px) {
        .log-table .row .col-2 {
          display: block;
          overflow: hidden; } }
  .log-table .data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    cursor: pointer;
    padding: 0.75em 1em;
    font-size: 13px;
    opacity: 0.7; }
    .log-table .data:hover {
      opacity: 1; }
    .log-table .data > div:hover {
      font-weight: bold; }
    .log-table .data.show {
      opacity: 1;
      font-weight: bold; }
      .log-table .data.show > div:hover {
        font-weight: normal; }
    @media (min-width: 800px) {
      .log-table .data {
        padding: 0.75em 1.5em; } }
  .log-table .more-information {
    width: 50%;
    height: 200px;
    cursor: default;
    padding: 0 1em;
    font-size: 13px; }
    .log-table .more-information.hide {
      -webkit-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
      opacity: 0;
      overflow: hidden;
      max-height: 0; }
    .log-table .more-information.show {
      opacity: 1;
      max-height: inherit;
      padding: 0.75em 1em; }
      @media (min-width: 800px) {
        .log-table .more-information.show {
          padding: 0.75em 1.5em; } }
    .log-table .more-information span {
      display: block;
      color: #007dd3;
      font-weight: bold; }
    .log-table .more-information .col-1 {
      padding-right: 0.5em;
      margin-bottom: 1em; }
    @media (max-width: 639px) {
      .log-table .more-information {
        width: 100%;
        height: auto; } }
    @media (min-width: 800px) {
      .log-table .more-information {
        padding: 0 1.5em; } }
  .log-table .map {
    width: 50%;
    height: 200px;
    margin: 0; }
    .log-table .map .canvas-map {
      height: 100%;
      width: 100%; }
    .log-table .map.hide {
      -webkit-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease;
      opacity: 0;
      overflow: hidden;
      max-height: 0; }
    .log-table .map.show {
      opacity: 1;
      max-height: inherit;
      margin: -200px 0 0 50%; }
    @media (max-width: 639px) {
      .log-table .map {
        width: 100%; }
        .log-table .map.show {
          margin: 0; } }
  .log-table .col-2 {
    word-wrap: break-word;
    flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    padding: 0 8px; }
  .log-table .col-1-5 {
    word-wrap: break-word;
    flex: 1.5;
    -webkit-flex: 1.5;
    -ms-flex: 1.5;
    padding: 0 8px; }
  .log-table .col-1 {
    word-wrap: break-word;
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    padding: 0 8px; }
  .log-table .coords.hide {
    display: none; }

/* Section Modal Idp */
.modal {
  background-color: transparent; }
  @media (min-width: 800px) {
    .modal {
      background: rgba(0, 0, 0, 0.6); } }
  .modal .modal-wrapper {
    background: rgba(0, 125, 211, 0.85); }
    @media (min-width: 800px) {
      .modal .modal-wrapper {
        background: #fff; } }
    .modal .modal-wrapper .modal-content {
      position: relative;
      float: left;
      width: 100%;
      min-height: 1px;
      padding-left: 0;
      padding-right: 0;
      text-align: center;
      overflow: hidden; }
      @media (min-width: 800px) {
        .modal .modal-wrapper .modal-content {
          background: #fff; } }
      .modal .modal-wrapper .modal-content p {
        font-size: 5vw;
        margin: 35vh auto 1em;
        max-width: 80vw;
        color: #fff; }
        @media (min-width: 480px) {
          .modal .modal-wrapper .modal-content p {
            font-size: 24px;
            margin: 179px auto 1em;
            max-width: 384px; } }
        @media (min-width: 800px) {
          .modal .modal-wrapper .modal-content p {
            font-size: 16px;
            margin: 1em auto;
            max-width: 260px;
            color: #4b4b4b; } }
      .modal .modal-wrapper .modal-content .reset {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        .modal .modal-wrapper .modal-content .reset button {
          display: inline-block;
          text-align: center;
          width: 100%;
          line-height: 12vw;
          position: relative;
          outline: none;
          color: #007dd3;
          background-color: #fff;
          border: 0 solid #4b4b4b;
          border-radius: 0;
          font-family: 'Campton Book', sans-serif;
          font-size: 4.5vw;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .modal .modal-wrapper .modal-content .reset button:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
            -o-transform: translate(0, 2px);
            transform: translate(0, 2px); }
          @media (min-width: 480px) {
            .modal .modal-wrapper .modal-content .reset button {
              line-height: 57px;
              font-size: 21px;
              border-radius: 0; } }
          @media (min-width: 800px) {
            .modal .modal-wrapper .modal-content .reset button {
              display: inline-block;
              text-align: center;
              width: 100%;
              line-height: 40px;
              position: relative;
              outline: none;
              color: #fff;
              background-color: #007dd3;
              border: 1px solid #007dd3;
              border-radius: 0;
              font-size: 14px;
              border-radius: 0;
              margin-bottom: 1em; } }
      .modal .modal-wrapper .modal-content .cancel-reset {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
        .modal .modal-wrapper .modal-content .cancel-reset button {
          display: inline-block;
          text-align: center;
          width: 100%;
          line-height: 12vw;
          position: relative;
          outline: none;
          color: #fff;
          background-color: #969696;
          border: 1px solid #969696;
          border-radius: 0;
          font-family: 'Campton Book', sans-serif;
          font-size: 4.5vw;
          border-radius: 0;
          -webkit-box-shadow: none;
          box-shadow: none; }
          .modal .modal-wrapper .modal-content .cancel-reset button:active {
            -webkit-box-shadow: none;
            box-shadow: none;
            -webkit-transform: translate(0, 2px);
            -ms-transform: translate(0, 2px);
            -o-transform: translate(0, 2px);
            transform: translate(0, 2px); }
          @media (min-width: 480px) {
            .modal .modal-wrapper .modal-content .cancel-reset button {
              line-height: 57px;
              font-size: 21px;
              border-radius: 0; } }
          @media (min-width: 800px) {
            .modal .modal-wrapper .modal-content .cancel-reset button {
              line-height: 40px;
              font-size: 14px;
              border-radius: 0;
              margin-bottom: 1em; } }

/* Section f2a */
.f2a-activation h1 {
  font-size: 14px;
  color: #007dd3;
  margin-bottom: 2em;
  text-align: center; }
.f2a-activation p {
  text-align: center; }
.f2a-activation .centered {
  text-align: center;
  margin: calc(50vh - 60px) 0 0 0; }
.f2a-activation .app-download a:after {
  font-family: 'Ico Panda';
  font-size: 45px; }
.f2a-activation .app-download .windows:after {
  content: "\e664";
  color: #05abe7; }
.f2a-activation .app-download .ios:after {
  content: "\e662";
  color: #b3b3b3; }
.f2a-activation .app-download .android:after {
  content: "\e673";
  color: #99cc00; }
.f2a-activation .qr-code img {
  width: 120px;
  display: block;
  margin: 0 auto; }

.check-code {
  text-align: center; }
  .check-code .hidden {
    display: none; }
  .check-code input {
    padding: 0.25em 0.5em;
    border: 2px solid #e6e4e3;
    text-align: center;
    background-color: #fff;
    margin-top: 10px;
    margin: 0 auto;
    display: block; }
    .check-code input.input-code {
      width: auto; }
      @media (min-width: 800px) {
        .check-code input.input-code {
          width: 78px;
          font-size: 14px; } }
    .check-code input:focus {
      color: #4b4b4b; }
    .check-code input.changed {
      border-color: #6dabdd; }
    .check-code input[aria-invalid="true"] {
      border-color: #e50041; }
  .check-code .validation ul {
    padding: 0;
    list-style-type: none;
    color: #e50041;
    text-align: center; }
  .check-code .clock-error {
    padding: 0;
    color: #e50041; }
    .check-code .clock-error .server-time {
      color: #4b4b4b; }
    .check-code .clock-error .get-server-time {
      -webkit-transition: transform 0.25s ease;
      -o-transition: transform 0.25s ease;
      transition: transform 0.25s ease;
      display: inline-block;
      color: #007dd3;
      border-bottom: 1px solid #fff; }
      .check-code .clock-error .get-server-time:hover {
        -webkit-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        transform: translate(0, -2px);
        border-bottom: 1px solid #007dd3;
        color: #007dd3; }
  .check-code .button {
    display: inline-block;
    text-align: center;
    width: 170px;
    line-height: 40px;
    position: relative;
    outline: none;
    color: #fff;
    background-color: #007dd3;
    border: 1px solid #007dd3;
    border-radius: 0;
    font-family: 'Campton Book', sans-serif;
    font-size: 14px;
    border-radius: 0;
    cursor: pointer;
    margin: 1.5em 0.5em;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .check-code .button.cancel-button {
      background-color: #969696;
      border-color: #969696;
      color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .check-code .button:active {
      color: #fff;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transform: translate(0, 2px);
      -ms-transform: translate(0, 2px);
      -o-transform: translate(0, 2px);
      transform: translate(0, 2px); }
    .check-code .button:focus, .check-code .button:visited {
      color: #fff; }
  .check-code .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .check-code .loading .loader {
      width: 60px;
      height: 60px;
      position: absolute;
      left: 50%;
      margin-left: -30px;
      top: 50%;
      margin-top: -30px; }
      .check-code .loading .loader .circle {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        top: 10px;
        left: 10px;
        background-color: #252c6d;
        -webkit-transform-origin: 20px 20px;
        -moz-transform-origin: 20px 20px;
        -ms-transform-origin: 20px 20px;
        transform-origin: 20px 20px;
        border-radius: 8px;
        -webkit-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-circle1 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .check-code .loading .loader .circle:nth-child(2) {
          background-color: #295ca9;
          top: 10px;
          left: auto;
          right: 10px;
          -webkit-transform-origin: -4px 20px;
          -moz-transform-origin: -4px 20px;
          -ms-transform-origin: -4px 20px;
          transform-origin: -4px 20px;
          -webkit-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle2 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .check-code .loading .loader .circle:nth-child(3) {
          background-color: #437fc0;
          top: auto;
          left: auto;
          right: 10px;
          bottom: 10px;
          -webkit-transform-origin: -4px -4px;
          -moz-transform-origin: -4px -4px;
          -ms-transform-origin: -4px -4px;
          transform-origin: -4px -4px;
          -webkit-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle3 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
        .check-code .loading .loader .circle:nth-child(4) {
          background-color: #6dabdd;
          top: auto;
          bottom: 10px;
          -webkit-transform-origin: 20px -4px;
          -moz-transform-origin: 20px -4px;
          -ms-transform-origin: 20px -4px;
          transform-origin: 20px -4px;
          -webkit-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          -o-animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
          animation: spin-circle4 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }
    .check-code .loading:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff; }

.f2a .check-code .button {
  position: absolute;
  bottom: 5px;
  left: calc(50% - 85px);
  margin: 0; }

/* Section footer */
footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  height: 100%;
  height: 20vw;
  background-color: #fff;
  text-align: center;
  border-top: 1px solid #e6e4e3; }
  footer:before, footer:after {
    content: " ";
    display: table; }
  footer:after {
    clear: both; }
  footer .wrapper-footer {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    list-style: none;
    margin: 0; }
    footer .wrapper-footer li {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 3.6vw;
      text-align: center;
      padding-top: .75em; }
      footer .wrapper-footer li:last-of-type {
        position: relative;
        float: left;
        width: 100%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; }
      footer .wrapper-footer li a {
        -webkit-transition: transform 0.25s ease;
        -o-transition: transform 0.25s ease;
        transition: transform 0.25s ease;
        display: inline-block;
        color: #4b4b4b;
        text-decoration: none;
        border-bottom: 1px solid #fff; }
        footer .wrapper-footer li a:hover {
          -webkit-transform: translate(0, -2px);
          -ms-transform: translate(0, -2px);
          -o-transform: translate(0, -2px);
          transform: translate(0, -2px);
          border-bottom: 1px solid #007dd3;
          color: #007dd3; }
      @media (min-width: 480px) {
        footer .wrapper-footer li {
          font-size: 1.225em; } }
      @media (min-width: 800px) {
        footer .wrapper-footer li {
          position: relative;
          float: left;
          width: 33.33333%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px;
          font-size: 1em; }
          footer .wrapper-footer li:first-of-type {
            text-align: left; }
          footer .wrapper-footer li:last-of-type {
            position: relative;
            float: left;
            width: 33.33333%;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            text-align: right; } }
    footer .wrapper-footer.culture li select {
      width: 10em; }
      @media (min-width: 1024px) {
        footer .wrapper-footer.culture li select {
          width: inherit; } }
    footer .wrapper-footer.culture li:last-of-type {
      position: relative;
      float: left;
      width: 50%;
      min-height: 1px;
      padding-left: 15px;
      padding-right: 15px; }
      @media (min-width: 800px) {
        footer .wrapper-footer.culture li:last-of-type {
          position: relative;
          float: left;
          width: 25%;
          min-height: 1px;
          padding-left: 15px;
          padding-right: 15px; } }
    @media (min-width: 800px) {
      footer .wrapper-footer.culture li {
        position: relative;
        float: left;
        width: 25%;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px; } }
  @media (min-width: 480px) {
    footer {
      height: 96px; } }
  @media (min-width: 1024px) {
    footer {
      text-align: left;
      padding-left: calc(50vw - 512px);
      padding-right: calc(50vw - 512px); } }

/*# sourceMappingURL=main.css.map */