@charset "UTF-8";
/*
 * This is the main scss file, which brings togther all of the scss modules.
 * There is no scss variables used YET, but please use _ on file names, so they won't be compiled individually, but instead on the main styles.scss file
 * seperately, but instead in the compilation of the main file. SCSS prepcosessing settings can be found from the root of the
 * theme (oneqt).
 *
 * Table of contents:
 * 
 * SETTINGS
 *
 * MODULES
 * 
 * RWD
 *
 * KEYFRAMES
 *
 */
/* reset5 © 2011 opensource.736cs.com MIT */
html, body, div, span, applet, object, iframe, h1, h2, .text-promotion span, article.qt-news h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
  display: block; }

nav ul {
  list-style: none; }

ol {
  list-style: decimal; }

ul {
  list-style: disc; }

ul ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

ins {
  text-decoration: underline; }

del {
  text-decoration: line-through; }

mark {
  background: none; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select, a img {
  vertical-align: middle; }

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

html {
  height: 100%; }

body {
  min-height: 100%; }

@font-face {
  font-family: 'Qt Icons';
  src: url("../fonts/icomoon.eot?-tgjuoj");
  src: url("../fonts/icomoon.eot?#iefix-tgjuoj") format("embedded-opentype"), url("../fonts/icomoon.woff?-tgjuoj") format("woff"), url("../fonts/icomoon.ttf?-tgjuoj") format("truetype"), url("../fonts/icomoon.svg?-tgjuoj#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 4, 2014 */
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-light-webfont.eot");
  src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-italic-webfont.eot");
  src: url("../fonts/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-lightitalic-webfont.eot");
  src: url("../fonts/opensans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-lightitalic-webfont.woff2") format("woff2"), url("../fonts/opensans-lightitalic-webfont.woff") format("woff"), url("../fonts/opensans-lightitalic-webfont.ttf") format("truetype"), url("../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* titillium-web-regular - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/titillium-web-v4-latin_latin-ext-regular.eot");
  /* IE9 Compat Modes */
  src: local("Titillium Web"), local("TitilliumWeb-Regular"), url("../fonts/titillium-web-v4-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v4-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/titillium-web-v4-latin_latin-ext-regular.woff") format("woff"), url("../fonts/titillium-web-v4-latin_latin-ext-regular.ttf") format("truetype"), url("../fonts/titillium-web-v4-latin_latin-ext-regular.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */ }
/* titillium-web-italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/titillium-web-v4-latin_latin-ext-italic.eot");
  /* IE9 Compat Modes */
  src: local("Titillium WebItalic"), local("TitilliumWeb-Italic"), url("../fonts/titillium-web-v4-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v4-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/titillium-web-v4-latin_latin-ext-italic.woff") format("woff"), url("../fonts/titillium-web-v4-latin_latin-ext-italic.ttf") format("truetype"), url("../fonts/titillium-web-v4-latin_latin-ext-italic.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */ }
/* titillium-web-600 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/titillium-web-v4-latin_latin-ext-600.eot");
  /* IE9 Compat Modes */
  src: local("Titillium WebSemiBold"), local("TitilliumWeb-SemiBold"), url("../fonts/titillium-web-v4-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), url("../fonts/titillium-web-v4-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/titillium-web-v4-latin_latin-ext-600.woff") format("woff"), url("../fonts/titillium-web-v4-latin_latin-ext-600.ttf") format("truetype"), url("../fonts/titillium-web-v4-latin_latin-ext-600.svg#TitilliumWeb") format("svg");
  /* Legacy iOS */ }
body {
  color: #09102b;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.625;
  padding-top: 79px;
  /* because position:fixed navigation */
  overflow-x: scroll;
  font-weight: 400; }
  body.has-megamenu {
    padding-top: 119px; }
  @media (min-width: 1120px) {
    body.cookie-in-view {
      padding-top: 122px; }
      body.cookie-in-view.has-megamenu {
        padding-top: 162px; } }

h1.numbers {
  font-weight: 400;
  margin-bottom: 23px;
  font-size: 3.125em; }

h1, h2, .text-promotion span, article.qt-news h1, h3, h4 {
  color: #09102b;
  font-weight: 300;
  line-height: 1.25; }

p.xl, p.large {
  color: #fff;
  font-weight: 300;
  line-height: 1.25; }

h1.xl {
  font-size: 9.375em; }
  @media (max-width: 500px) {
    h1.xl {
      font-size: 5em; } }

h1 {
  font-size: 3.125em;
  letter-spacing: -1px;
  margin-bottom: 40px; }

h2, .text-promotion span, article.qt-news h1, p.xl {
  font-size: 2.1875em;
  letter-spacing: -1px;
  margin-bottom: 30px; }
  h2.eq-margin, .text-promotion span.eq-margin, article.qt-news h1.eq-margin, p.xl.eq-margin {
    margin-top: 30px; }

h3, p.large {
  font-size: 1.5625em;
  margin-bottom: 25px; }

h4 {
  font-size: 1.25em;
  margin-bottom: 20px; }

p {
  font-size: 1em;
  line-height: 1.625;
  margin-bottom: 25px; }

@media (min-width: 480px) {
  p.narrow {
    width: 60%;
    margin: auto; } }

.infoslide p,
.infoslide ul {
  color: #09102b; }

p.small,
li.small {
  font-size: 0.875em;
  /* 14px */
  line-height: 1.5;
  margin-bottom: 1.5em; }

.blog-preview {
  font-weight: 100; }

a {
  color: #41cd52;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

a:hover {
  color: #21be2a; }

.blog-preview h2 a, .blog-preview .text-promotion span a, .text-promotion .blog-preview span a, .blog-preview article.qt-news h1 a, article.qt-news .blog-preview h1 a {
  color: #09102b; }
  .blog-preview h2 a:hover, .blog-preview .text-promotion span a:hover, .text-promotion .blog-preview span a:hover, .blog-preview article.qt-news h1 a:hover, article.qt-news .blog-preview h1 a:hover {
    color: #46a2da; }

ul {
  list-style-type: none;
  margin-bottom: 25px; }

.sidebar.omega ul {
  margin: 0 0 30px 0; }
  .sidebar.omega ul li {
    padding: 0;
    margin-bottom: 20px;
    font-weight: 100; }

ul.taglist li {
  display: inline;
  float: left;
  margin-bottom: 0;
  background: none;
  padding: 0; }

hr {
  margin: 5px;
  border-color: #b5b7bf; }

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

.text-lightgreen {
  color: #41cd52;
  /* rgb: 128, 195, 66 */ }

.text-menugreen, .text-mediumgreen, .text-darkgreen {
  color: #21be2a;
  /* rgb: 92, 170, 21 */ }

.text-white {
  color: #fff; }

.text-lightgrey {
  color: #cecfd5; }

.text-grey {
  color: #09102b; }

.qt-account ul {
  list-style: none;
  margin-left: 0; }
  .qt-account ul li {
    font-size: 14px; }

/* Added by Henkka. Font modifications for special elements. */
.text-white h1, .text-white h2, .text-white .text-promotion span, .text-promotion .text-white span, .text-white article.qt-news h1, article.qt-news .text-white h1, .text-white h3, .text-white h4, .bg-lightgreen h1, .bg-lightgreen h2, .bg-lightgreen .text-promotion span, .text-promotion .bg-lightgreen span, .bg-lightgreen article.qt-news h1, article.qt-news .bg-lightgreen h1, .bg-lightgreen h3, .bg-lightgreen h4 {
  color: #fff; }

.casename, .text-promotion, #developer_carousel, .font-light {
  font-weight: 300; }

#pagenav, .in-page-nav {
  font-weight: 300;
  background: #fff !important;
  border-bottom: solid 2px #e6e7e9;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  #pagenav ul, #pagenav li, .in-page-nav ul, .in-page-nav li {
    padding: 0; }
  #pagenav a, .in-page-nav a {
    color: #1d1e1f;
    padding: 20px 5px;
    display: inline-block;
    border-bottom: 4px solid transparent;
    margin-right: 15px; }
    #pagenav a strong, #pagenav a:hover, .in-page-nav a strong, .in-page-nav a:hover {
      color: #41cd52;
      border-color: #41cd52;
      font-weight: 400; }

.bgimageslide h1, .products-main h1 {
  line-height: 1; }
.bgimageslide h3, .products-main h3 {
  margin-bottom: 35px;
  font-size: 1.5em;
  margin-left: 0;
  max-width: 50% !important;
  font-weight: 300; }
  @media (max-width: 1120px) {
    .bgimageslide h3, .products-main h3 {
      max-width: 100% !important; } }

.green-type h1, .green-type h2, .green-type .text-promotion span, .text-promotion .green-type span, .green-type article.qt-news h1, article.qt-news .green-type h1 {
  color: #41cd52; }

.inline-type {
  padding-left: 15.507430341%; }
  .inline-type h1, .inline-type h2, .inline-type .text-promotion span, .text-promotion .inline-type span, .inline-type article.qt-news h1, article.qt-news .inline-type h1 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    line-height: 0.7; }

.summary {
  letter-spacing: -0.31em; }
  .summary h1 {
    font-size: 5em;
    width: 45%;
    letter-spacing: normal; }
  .summary h2, .summary .text-promotion span, .text-promotion .summary span, .summary article.qt-news h1, article.qt-news .summary h1 {
    font-size: 3em;
    letter-spacing: normal; }
  .summary span {
    font-size: 0.4em;
    color: #09102b;
    letter-spacing: normal; }

.checked li {
  background: url(../images/checkmark-lowdpi.png) no-repeat 0 12px;
  padding-left: 20px; }

.wp-paginate {
  letter-spacing: -0.31em;
  margin-bottom: 20px; }
  .wp-paginate li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 1px;
    padding: 0; }
  .wp-paginate a {
    padding: 2px 8px;
    min-width: 15px;
    text-align: center;
    display: inline-block;
    color: #fff;
    background: #41cd52; }
  .wp-paginate .page.current {
    background: #09102b;
    color: #fff;
    padding: 2px 8px;
    min-width: 15px;
    display: inline-block;
    text-align: center; }

li.hs-form-radio {
  background: none; }

.qt-account .login fieldset {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
  .qt-account .login fieldset [type="text"],
  .qt-account .login fieldset [type="email"],
  .qt-account .login fieldset [type="password"],
  .qt-account .login fieldset select {
    width: 100% !important; }
  .qt-account .login fieldset label {
    letter-spacing: normal; }

fieldset {
  margin-bottom: 10px;
  width: 100%;
  position: relative; }
  fieldset #submitButtonSpan {
    display: none; }
  fieldset label {
    width: 100%;
    display: inline-block;
    letter-spacing: 0; }
    fieldset label span {
      width: 40% !important;
      display: inline-block; }
    fieldset label[for="submitButton"] {
      text-align: right;
      margin-top: 20px; }
      fieldset label[for="submitButton"] .btn {
        width: 60%; }
    fieldset label * {
      letter-spacing: normal; }
  fieldset [type="text"],
  fieldset [type="email"],
  fieldset [type="submit"],
  fieldset [type="number"],
  fieldset select,
  fieldset .checkbox_label {
    display: inline-block; }
  @media (max-width: 820px) {
    fieldset label [type="text"]:not(.small):not(.large),
    fieldset label [type="email"]:not(.small):not(.large),
    fieldset label [type="submit"]:not(.small):not(.large),
    fieldset label [type="number"]:not(.small):not(.large),
    fieldset label select,
    fieldset label span,
    fieldset label.checkbox_label {
      width: 100% !important; }
    fieldset label[for="submitButton"] {
      text-align: center;
      margin-bottom: 20px; }
      fieldset label[for="submitButton"] .btn {
        min-width: 100%; }
    fieldset .form_label span.inputError {
      top: 35px; } }
  fieldset .checkbox_label {
    float: right; }

input.large, select.large {
  width: 30% !important;
  margin-right: 2%; }
  @media (max-width: 820px) {
    input.large, select.large {
      width: 69% !important; } }

input.small, select.small {
  width: 20% !important; }
  @media (max-width: 820px) {
    input.small, select.small {
      width: 29% !important; } }

input.full, select.full {
  width: 100%  !important; }

input,
textarea,
select {
  font: 300 16px/1.4 "Titillium Web", Arial, Helvetica, sans-serif; }

.checkbox_label {
  line-height: 100%; }

[type="checkbox"] {
  width: auto !important;
  margin-right: 10px;
  margin-top: 0; }

input[type=submit] {
  margin-top: 20px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

section#page-404 input[type=submit] {
  margin-top: 0 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }

.form_label input, .form_label select, .form_label textarea, .hs-form input, .hs-form select, .hs-form textarea, [name="archive-dropdown"], .postform {
  background-color: #FFF;
  border: 1px solid #cecfd5;
  border-radius: 5px;
  padding: 9px 10px 10px 10px;
  width: 300px;
  color: #868482;
  transition: color 0.5s,box-shadow 0.5s, background-color 0.5s;
  outline: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

.form_label select, [name="archive-dropdown"], .postform {
  height: 40px; }

.inputs-list {
  list-style-type: none; }

.inputs-list li {
  list-style-type: none; }

.form_label select {
  -webkit-appearance: menulist-button; }

.checkbox_label input.standard {
  width: auto; }

.form_label input:focus, .form_label select:focus, .hs-form input:focus, .hs-form select:focus, .form_label textarea:focus {
  color: #000;
  box-shadow: 0px 0px 5px #46a2da;
  -webkit-box-shadow: 0px 0px 5px #46a2da;
  -moz-box-shadow: 0px 0px 5px #46a2da;
  border-color: #46a2da; }

.form_elements.button {
  background-color: #7CC34E;
  color: #FFFFFF;
  height: 41px;
  transition: background-color 1s; }

.form_elements.button:hover {
  background-color: #006325;
  cursor: pointer; }

label.error {
  background: #b5b7bf url(../images/error.png) no-repeat 10px 49%;
  background-size: 15px 15px;
  color: #e41e25;
  width: 100%;
  display: block;
  padding: 6px 6px 8px 35px;
  line-height: 1;
  font-size: 12px;
  font-weight: 400;
  border-radius: 0px 0px 5px 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

input.error {
  border-radius: 5px 5px 0 0;
  border-color: #b5b7bf; }

.form_label span.inputError, .checkbox_label span.inputError {
  background: url("../images/error.png") no-repeat scroll left center/13px 13px transparent;
  text-indent: -999em;
  overflow: hidden;
  color: transparent;
  display: block;
  font-weight: 400;
  height: 15px;
  width: 15px !important;
  position: absolute;
  right: -25px;
  top: 5px; }

@media (min-width: 480px) {
  .col-6 form {
    max-width: 80%; } }

@media (min-width: 480px) {
  .col-6 .buy_form {
    max-width: 90%; } }

.strike {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin: 40px 0;
  font-weight: 200;
  color: #cecfd5; }

.strike > span {
  position: relative;
  display: inline-block; }

.strike > span:before,
.strike > span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 1px;
  background: #cecfd5; }

.strike > span:before {
  right: 100%;
  margin-right: 15px; }

.strike > span:after {
  left: 100%;
  margin-left: 15px; }

/* PASSWORD PROTECTED PAGE'S LOGIN FORM
------------------------------------------------------------ */
input[type=password].password-required-form-psw {
  background-color: #FFF;
  border: 1px solid #cecfd5;
  border-radius: 5px;
  margin: 6px 0 12px 0;
  padding: 9px 10px 10px 10px;
  width: 300px;
  color: #868482;
  transition: color 0.5s,box-shadow 0.5s, background-color 0.5s;
  outline: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

/* SIMPLE MODAL
------------------------------------------------------------ */
#simplemodal-overlay {
  opacity: 0.90 !important; }

#simplemodal-container {
  position: absolute !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/
  top: 60px !important;
  max-width: 960px !important;
  width: 90% !important;
  max-height: none !important;
  height: auto !important; }

/* HUBSPOT FORMS
------------------------------------------------------------ */
div.hbspt-form {
  width: 100%;
  color: #09102b; }

div.hbspt-form input:not(.hs-button),
div.hbspt-form select,
div.hbspt-form textarea {
  outline: 0;
  width: 100%;
  /*font-size: 16px;*/
  /*line-height: 1.4;*/
  /*font-weight: 300;*/
  /*background-color: #FFF;*/
  /*border: 1px solid $light_grey2;*/
  /*padding: 9px 10px 10px 10px;*/
  /*color: #868482;*/
  /*@include border-radius(5px);*/
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

div.hbspt-form input.hs-button {
  outline: none; }

div.hbspt-form input:not(.hs-button):not(input[type=radio]):focus,
div.hbspt-form select:focus,
div.hbspt-form textarea:focus {
  color: #000;
  border-color: #46a2da;
  box-shadow: 0px 0px 5px #46a2da;
  -webkit-box-shadow: 0px 0px 5px #46a2da;
  -moz-box-shadow: 0px 0px 5px #46a2da; }

div.hbspt-form input.hs-button {
  outline: none; }

div.hbspt-form fieldset {
  max-width: 100%;
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

div.hbspt-form .hs-field-desc {
  display: none !important; }

div.hbspt-form .hs-richtext {
  display: block;
  clear: both;
  margin-top: 20px; }

div.hbspt-form .hs-richtext * {
  color: #09102b !important;
  background-color: transparent !important; }

div.hbspt-form img {
  max-width: 100%; }

/* form-columns-(1-3) */
div.hbspt-form fieldset.form-columns-2:before, div.hbspt-form fieldset.form-columns-2:after,
div.hbspt-form fieldset.form-columns-3:before, div.hbspt-form fieldset.form-columns-3:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

div.hbspt-form fieldset.form-columns-1 .hs-form-field,
div.hbspt-form fieldset.form-columns-2 .hs-form-field,
div.hbspt-form fieldset.form-columns-3 .hs-form-field {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

div.hbspt-form fieldset.form-columns-1 .hs-form-field .input,
div.hbspt-form fieldset.form-columns-1 .hs-form-field .hs-input,
div.hbspt-form fieldset.form-columns-2 .hs-form-field .input,
div.hbspt-form fieldset.form-columns-2 .hs-form-field .hs-input,
div.hbspt-form fieldset.form-columns-3 .hs-form-field .input,
div.hbspt-form fieldset.form-columns-3 .hs-form-field .hs-input {
  width: 100%;
  margin: 0; }

div.hbspt-form fieldset.form-columns-1 .hs-form-field label,
div.hbspt-form fieldset.form-columns-2 .hs-form-field label,
div.hbspt-form fieldset.form-columns-3 .hs-form-field label {
  width: 100%; }

div.hbspt-form fieldset.form-columns-1 .hs-form-field label,
div.hbspt-form fieldset.form-columns-2 .hs-form-field label,
div.hbspt-form fieldset.form-columns-3 .hs-form-field label {
  margin-bottom: 6px; }

div.hbspt-form .actions {
  margin-top: 50px;
  margin-left: 0;
  display: inline-block;
  position: relative; }

div.hbspt-form .actions:before, div.hbspt-form .actions:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 0;
  border-color: #ffffff transparent transparent transparent; }

div.hbspt-form .actions:after {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #ffffff transparent; }

div.hbspt-form .actions > input {
  margin-top: 0;
  margin-left: 0;
  width: 130px !important;
  border-radius: 0;
  padding: 10px 0;
  height: 42px;
  position: static; }

/* form-columns-1 */
div.hbspt-form fieldset.form-columns-1 .hs-form-field {
  width: 100%; }

/* form-columns-2 */
div.hbspt-form fieldset.form-columns-2 .hs-form-field {
  width: 50%;
  padding-right: 20px; }

div.hbspt-form fieldset.form-columns-2 .hs-form-field:last-child {
  padding-right: 0; }

/* form-columns-3 */
div.hbspt-form fieldset.form-columns-3 .hs-form-field {
  width: 33.3333%;
  padding-right: 20px; }

div.hbspt-form fieldset.form-columns-3 .hs-form-field:last-child {
  padding-right: 0; }

/* Input lists */
div.hbspt-form ul.inputs-list {
  list-style: none;
  margin-left: 0; }

/* Input lists / Radio */
div.hbspt-form ul.inputs-list li.hs-form-radio {
  display: inline-block; }

div.hbspt-form ul.inputs-list label {
  position: relative;
  display: inline-block;
  line-height: 16px;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/
  cursor: pointer; }

div.hbspt-form ul.inputs-list input[type=radio] {
  position: absolute;
  display: inline-block;
  left: -25px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  cursor: pointer; }

/* Input lists / Checkbox */
div.hbspt-form ul.inputs-list li.hs-form-booleancheckbox label {
  padding-left: 0; }

div.hbspt-form ul.inputs-list li.hs-form-booleancheckbox input[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -3px 10px 0 0;
  cursor: pointer; }

/* Errors */
div.hbspt-form .hsformerror {
  display: none !important; }

/* Hide default error tooltip */
div.hbspt-form .hs-input.invalid {
  border-color: #e41e25; }

/* Add @red border around invalid fields */
div.hbspt-form .hs-input.invalid:focus {
  border-color: #e41e25;
  box-shadow: 0px 0px 5px #e41e25;
  -webkit-box-shadow: 0px 0px 5px #e41e25;
  -moz-box-shadow: 0px 0px 5px #e41e25; }

/* Media queries */
#evaluationSignUpForm .form_label input,
#evaluationSignUpForm .form_label select {
  background-color: #FFF;
  border: 1px solid #cecfd5;
  border-radius: 5px;
  padding: 9px 10px 10px 10px;
  width: 100%;
  color: #868482;
  transition: color 0.5s,box-shadow 0.5s, background-color 0.5s;
  outline: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

#evaluationSignUpForm fieldset label span {
  width: 100% !important;
  display: inline-block;
  margin-bottom: 6px; }

#evaluationSignUpForm fieldset label[for="submitButton"] .btn {
  width: auto;
  float: left;
  margin: 16px 0 26px 0; }

#evaluationSignUpForm .form_label span.inputError,
#evaluationSignUpForm .checkbox_label span.inputError {
  background: url("../images/error.png") no-repeat scroll left center/13px 13px transparent;
  text-indent: -999em;
  overflow: hidden;
  color: transparent;
  display: block;
  font-weight: 400;
  height: 15px;
  width: 15px !important;
  position: absolute;
  right: -25px;
  bottom: 8px; }

#evaluationSignUpForm span#Terms-error {
  bottom: 0; }

@media only screen and (max-width: 767px) {
  /* Simple Modals */
  #simplemodal-container {
    top: 20px !important;
    padding: 30px 40px; }

  /* Hubspot Forms - form-columns-2 & form-columns-3 */
  div.hbspt-form fieldset.form-columns-2 .hs-form-field,
  div.hbspt-form fieldset.form-columns-3 .hs-form-field {
    width: 100%;
    padding-right: 0; } }
.bevel-helper {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  background: #41cd52;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  .bevel-helper.bevel-green, .btn-green .bevel-helper, .casename .bevel-helper, .apb-btn .bevel-helper, .apb-photoset h3 .bevel-helper, .btn-dark .bevel-helper {
    background: #41cd52; }
  .apb-section-wrapper.color-theme-brand .apb-btn .bevel-helper {
    background: #fff; }

.btn, .hs-form .actions > input {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  min-width: 20px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/
  color: #fff;
  background: transparent; }
  .btn:before, .hs-form .actions > input:before {
    content: '';
    position: absolute;
    top: -45px;
    left: -45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 100px;
    border-color: transparent transparent #41cd52 transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .btn:after, .hs-form .actions > input:after {
    content: '';
    position: absolute;
    right: -45px;
    bottom: -45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 0;
    border-color: #41cd52 transparent transparent transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .btn:hover, .hs-form .actions > input:hover {
    color: #fff; }
    .btn:hover .bevel-helper, .hs-form .actions > input:hover .bevel-helper {
      background: #21be2a; }
    .btn:hover:before, .hs-form .actions > input:hover:before {
      border-color: transparent transparent #21be2a transparent; }
    .btn:hover:after, .hs-form .actions > input:hover:after {
      border-color: #21be2a transparent transparent transparent; }

.btn-large:before {
  top: -95px;
  left: -95px;
  border-width: 0 0 200px 200px; }
.btn-large:after {
  right: -95px;
  bottom: -95px;
  border-width: 200px 200px 0 0; }

.hs-form .actions > input {
  background: #41cd52;
  line-height: 40px !important;
  height: 40px !important;
  padding: 0 15px !important;
  outline: none; }

.apb-section-wrapper.color-theme-brand .apb-btn {
  border: none;
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  background: transparent; }
  .apb-section-wrapper.color-theme-brand .apb-btn:before {
    content: '';
    position: absolute;
    top: -45px;
    left: -45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 100px 100px;
    border-color: transparent transparent #fff transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .apb-section-wrapper.color-theme-brand .apb-btn:after {
    content: '';
    position: absolute;
    right: -45px;
    bottom: -45px;
    top: auto;
    left: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 0;
    border-color: #fff transparent transparent transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .apb-section-wrapper.color-theme-brand .apb-btn:hover {
    color: #fff; }
    .apb-section-wrapper.color-theme-brand .apb-btn:hover .bevel-helper {
      background: #21be2a; }
    .apb-section-wrapper.color-theme-brand .apb-btn:hover:before {
      border-color: transparent transparent #21be2a transparent; }
    .apb-section-wrapper.color-theme-brand .apb-btn:hover:after {
      border-color: #21be2a transparent transparent transparent; }

.apb-section-wrapper.color-theme-brand .apb-btn .bevel-helper {
  background: #fff; }
.apb-section-wrapper.color-theme-brand .apb-btn:before {
  border-color: transparent transparent #fff transparent; }
.apb-section-wrapper.color-theme-brand .apb-btn:after {
  border-color: #fff transparent transparent transparent; }

.btn-narrow {
  max-width: 100%; }

.btn.btn-large {
  font-size: 1.5em;
  max-width: 500px !important;
  line-height: 76px;
  display: block;
  text-align: left;
  padding: 10px 30px;
  height: auto;
  line-height: 1.2; }
  @media (max-width: 768px) {
    .btn.btn-large {
      max-width: 300px !important; } }

.btn-tag {
  background: #ededed;
  color: #000;
  font-size: 11px;
  text-transform: none;
  line-height: 14px;
  padding: 4px 10px;
  width: auto;
  margin: 0 0.45em 0.45em 0;
  font-weight: 400; }

.btn-tag:hover,
.btn-tag.active {
  color: #fff;
  background: #41cd52 !important; }

.btn-dark, .btn-green, .hs-form .actions > input {
  color: #fff; }

.btn-dark:hover, .btn-green:hover, .hs-form .actions > input:hover {
  cursor: pointer; }

.hs-form .actions > input {
  margin-left: 250px; }

.header-button a {
  display: inline-block;
  border: 2px solid #41cd52;
  font-size: 16px;
  font-weight: 400;
  max-width: 100%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/
  /* @include border-radius(30px); */
  color: #fff;
  background: #41cd52;
  line-height: 56px;
  height: 60px;
  padding: 0 50px !important;
  height: auto !important; }
  .header-button a:hover {
    background: transparent;
    color: #41cd52;
    border-color: #41cd52; }

/* AddToAny buttons */
body .a2a_kit.a2a_floating_style {
  right: 0;
  top: 50%;
  margin-top: -64px;
  background-color: transparent;
  border-radius: 0;
  padding: 0; }
  @media (max-width: 767px) {
    body .a2a_kit.a2a_floating_style {
      background-color: #222840;
      text-align: center;
      position: relative;
      right: auto;
      top: auto;
      margin-top: 0; } }
  body .a2a_kit.a2a_floating_style.a2a_vertical_style a {
    padding: 0; }
    @media (max-width: 767px) {
      body .a2a_kit.a2a_floating_style.a2a_vertical_style a {
        display: inline-block;
        clear: none; } }
    body .a2a_kit.a2a_floating_style.a2a_vertical_style a .a2a_svg {
      border-radius: 0; }
    @media (max-width: 767px) {
      body .a2a_kit.a2a_floating_style.a2a_vertical_style a .a2a_label {
        display: none; } }

iframe {
  max-width: 100%; }

.wp-caption-text {
  font-size: 0.8em !important;
  margin: 20px 0px;
  width: 100% !important; }

.notification {
  background: #f3f3f4;
  padding: 30px 30px 15px 30px;
  margin: 30px auto 20px auto;
  border-radius: 5px;
  max-width: 500px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }
  .notification.transparent {
    background: transparent; }
  .notification p {
    margin-bottom: 15px; }

.large-icon:before {
  display: inline-block;
  content: attr(data-icon);
  font-family: "Qt icons";
  font-size: 60px; }

#navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  background: #fff;
  width: 100%; }
  #navbar .container {
    overflow: visible; }

.fixed .container {
  overflow: visible; }

/*
.box-shadowed-nav #navbar{
    border-bottom: 1px solid #f3f3f4;

    .menuextraslanguages{

      li a{border-color: $primary1; color: $primary2;}

    }

}
*/
#navbar .navbar-header {
  position: relative; }

#navbar .navbar-toggle {
  display: none;
  float: right;
  line-height: 18px;
  min-width: 95px;
  position: relative;
  text-align: center;
  margin: 10px 0 10px 0; }
  #navbar .navbar-toggle span {
    color: #b5b7bf;
    font-weight: 300; }
  #navbar .navbar-toggle figure {
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    height: 26px;
    width: 34px;
    padding: 8px 0 0 0;
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
  #navbar .navbar-toggle figure span.line {
    display: inline-block;
    width: 1.5em;
    height: 0.125em;
    background: #09102b;
    transition: 0.3s;
    position: relative;
    vertical-align: middle;
    margin-top: -3px; }
    #navbar .navbar-toggle figure span.line:before, #navbar .navbar-toggle figure span.line:after {
      display: inline-block;
      width: 1.5em;
      height: 0.125em;
      background: #09102b;
      position: absolute;
      left: 0;
      content: '';
      -webkit-transform-origin: 0.28571rem center;
      transform-origin: 0.28571rem center;
      transition: 0.3s;
      -webkit-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s; }
    #navbar .navbar-toggle figure span.line:before {
      top: 8px; }
    #navbar .navbar-toggle figure span.line:after {
      top: -8px; }
  #navbar .navbar-toggle.opened span.line {
    background: transparent; }
    #navbar .navbar-toggle.opened span.line:before, #navbar .navbar-toggle.opened span.line:after {
      -webkit-transform-origin: 50% 50%;
      -moz-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      width: 23px;
      margin-left: -2px; }
    #navbar .navbar-toggle.opened span.line:before {
      transform: rotate3d(0, 0, 1, 45deg);
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
      -moz-transform: rotate3d(0, 0, 1, 45deg);
      -ms-transform: rotate3d(0, 0, 1, 45deg);
      -o-transform: rotate3d(0, 0, 1, 45deg);
      left: 0; }
    #navbar .navbar-toggle.opened span.line:after {
      transform: rotate3d(0, 0, 1, -45deg);
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
      -moz-transform: rotate3d(0, 0, 1, -45deg);
      -ms-transform: rotate3d(0, 0, 1, -45deg);
      -o-transform: rotate3d(0, 0, 1, -45deg); }

#navbar .navbar-oneQt {
  display: inline;
  float: left;
  width: 31px;
  color: #41cd52; }
  #navbar .navbar-oneQt:before {
    content: attr(data-icon);
    position: absolute;
    top: 19px;
    left: 0;
    color: #41cd52;
    font-family: 'Qt Icons';
    line-height: 1;
    font-size: 40px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }

body:not(.has-megamenu) #navbar .navbar-oneQt {
  padding: 20px 8px;
  margin: 0 25px 0 0; }

body.has-megamenu #navbar .navbar-oneQt:before {
  top: 14px; }

.navbar-oneQt {
  color: #41cd52 !important; }
  .navbar-oneQt:hover {
    color: #41cd52; }

#navbar .navbar-menu {
  width: auto;
  float: left; }

.lt-ie9 #navbar {
  border-bottom: 1px solid #ddd; }

#mainmenu {
  float: left;
  list-style: none; }

#mainmenu li {
  float: left;
  margin-left: 0;
  list-style-type: none !important; }

#mainmenu li a {
  display: block;
  padding: 29px 0.7em;
  font-weight: 300;
  line-height: 20px;
  height: 80px;
  color: #09102b;
  text-decoration: none;
  border: 0px solid #41cd52;
  -webkit-transition: all 0.2s ease-in-out;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }

#mainmenu li a:hover {
  color: #21be2a;
  border-bottom: 4px solid #41cd52; }

#mainmenu li.current-menu-item a {
  color: #21be2a;
  border-bottom: 4px solid #41cd52; }

#menuextras, #mainmenu, #menuextraslanguages {
  margin-bottom: 0; }

.in-page-nav {
  width: 100%;
  background: #b5b7bf; }
  .in-page-nav ul {
    margin: 0 auto;
    letter-spacing: -0.31em;
    max-width: 1180px;
    text-align: center; }
  .in-page-nav ul li {
    display: inline-block;
    letter-spacing: normal; }
  .in-page-nav ul li a {
    color: #09102b;
    padding: 0px 10px;
    display: inline-block; }
  .in-page-nav ul li a:hover {
    color: #21be2a; }

#menuextras {
  display: inline-block;
  float: right;
  list-style-type: none;
  margin-right: 0;
  margin-left: 0;
  letter-spacing: -0.31em;
  line-height: 0; }
  #menuextras li {
    letter-spacing: normal;
    float: left;
    display: inline-block; }
  #menuextras li a {
    display: inline-block;
    text-align: center;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0 7px; }
    #menuextras li a:before {
      display: inline-block;
      font-family: 'Qt Icons';
      content: attr(data-icon);
      font-size: 2.125em;
      width: 100%;
      color: #09102b;
      line-height: 1;
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
    #menuextras li a:hover {
      color: #09102b; }
    #menuextras li a:before {
      content: none; }
  #menuextras li.search a:before {
    display: inline-block;
    font-family: 'Qt Icons';
    content: attr(data-icon);
    font-size: 1.2em;
    width: 100%;
    color: #09102b;
    line-height: 1;
    margin-top: 29px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  #menuextras li.search a span {
    display: none; }
  #menuextras .search.open a {
    color: #006325; }
  #menuextras li a span {
    color: #09102b;
    display: inline-block;
    overflow: hidden;
    line-height: 80px;
    font-size: 16px; }
  #menuextras li a:hover {
    border-bottom: 4px solid #41cd52; }
    #menuextras li a:hover span {
      color: #41cd52; }

@media (min-width: 1279px) {
  #navbar.fixed, #navbar.shadow_bottom {
    -moz-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }
    #navbar.fixed #menuextras li a, #navbar.shadow_bottom #menuextras li a {
      padding-top: 0px;
      height: 50px; }
      #navbar.fixed #menuextras li a span, #navbar.shadow_bottom #menuextras li a span {
        max-height: 50px;
        line-height: 50px; }
      #navbar.fixed #menuextras li a:before, #navbar.shadow_bottom #menuextras li a:before {
        font-size: 30px; }
    #navbar.fixed #menuextras li.search a:before, #navbar.shadow_bottom #menuextras li.search a:before {
      margin-top: 14px;
      font-size: 1.2em; }

  #navbar.fixed #mainmenu li a {
    height: 50px;
    padding: 14px 0.7em; }

  #navbar.fixed .navbar-toggle {
    padding: 13px 14px 9px; }

  #navbar.fixed #menuextras li.navbar-search {
    padding: 0px 0; }

  #navbar.fixed #menuextras ul.menuextraslinks, #navbar.fixed #menuextras ul.menuextraslanguages {
    display: none; }

  body:not(.has-megamenu) #navbar.fixed .navbar-oneQt:before {
    font-size: 35px;
    top: 7px; }

  #navbar.fixed #mainmenu li.current-menu-item a {
    border-bottom: 4px solid #41cd52; } }
@media (max-width: 1279px) {
  body, body.cookie-in-view, body.has-megamenu, body.cookie-in-view.has-megamenu {
    padding: 0; }

  #navbar {
    padding: 0;
    position: relative; }
    #navbar .container {
      max-width: 100%; }

  body:not(.has-megamenu) #navbar .menuextraslanguages {
    bottom: 10px !important;
    margin-bottom: 0;
    right: 0;
    position: static !important;
    margin-left: 15px; }
    body:not(.has-megamenu) #navbar .menuextraslanguages li:after {
      content: '/';
      display: inline-block;
      margin-left: 1em;
      color: white;
      font-size: 16px; }
    body:not(.has-megamenu) #navbar .menuextraslanguages li:last-child:after {
      content: none; }
    body:not(.has-megamenu) #navbar .menuextraslanguages li a {
      color: white;
      font-size: 16px;
      border: none;
      line-height: 58px;
      background: transparent; }
    body:not(.has-megamenu) #navbar .menuextraslanguages li.active a,
    body:not(.has-megamenu) #navbar .menuextraslanguages li a:hover {
      color: #21be2a !important;
      border: none !important; }

  body:not(.has-megamenu) #navbar .container {
    padding: 0; }

  #navbar .navbar-toggle {
    display: block; }

  body:not(.has-megamenu) #navbar .navbar-oneQt,
  body:not(.has-megamenu) #navbar.fixed .navbar-oneQt,
  body:not(.has-megamenu) #navbar .navbar-oneQt:hover {
    margin-left: 0;
    height: 26px;
    width: 22px;
    padding: 7px 20px 7px 15px; }

  body:not(.has-megamenu) #navbar .navbar-oneQt:before {
    left: 20px; }

  body:not(.has-megamenu) #navbar .navbar-menu {
    max-height: 0;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #f3f3f4;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
    position: relative;
    background-color: #09102b; }

  #mainmenu {
    float: none;
    width: 100%;
    padding: 0;
    margin: 0; }

  #mainmenu li {
    float: none;
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

  #mainmenu li:nth-child(odd) {
    background: transparent;
    /* lightgreen */ }

  #mainmenu li a,
  #navbar.fixed #mainmenu li a {
    padding: 0 26px;
    height: auto;
    line-height: 58px;
    width: 100%;
    color: white; }

  #mainmenu li.dynamic-add a {
    padding-left: 36px; }

  #mainmenu li.current-menu-item a,
  #navbar.fixed #mainmenu li.current-menu-item a {
    border-bottom: none;
    border-left: 3px solid #41cd52; }

  #mainmenu li a:hover {
    border-bottom: 0;
    border-left: 3px solid #41cd52; }

  #navbar.fixed {
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent; }

  .lt-ie9 #navbar.fixed {
    border-bottom: none; }

  #menuextras li.navbar-search {
    padding: 5px 0; }

  #menuextras li a {
    height: auto; }

  #menuextras li.search {
    right: -18px;
    top: 18px;
    position: relative; }
    #menuextras li.search a:before {
      content: attr(data-icon);
      font-size: 26px;
      margin-top: 0; }
    #menuextras li.search span {
      line-height: 22px;
      color: #b5b7bf; }
    #menuextras li.search a:hover {
      border-bottom: none !important; }
      #menuextras li.search a:hover span {
        color: #09102b; }

  .container {
    padding: 0 2%; } }
body.qt-account #navbar .navbar-oneQt {
  width: auto;
  height: auto; }
  body.qt-account #navbar .navbar-oneQt:before {
    left: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: 0;
    margin-right: 20px; }
  body.qt-account #navbar .navbar-oneQt h2, body.qt-account #navbar .navbar-oneQt .text-promotion span, .text-promotion body.qt-account #navbar .navbar-oneQt span, body.qt-account #navbar .navbar-oneQt article.qt-news h1, article.qt-news body.qt-account #navbar .navbar-oneQt h1 {
    margin: 0;
    color: #000;
    display: inline-block;
    vertical-align: middle; }

.cookies_yum {
  background-color: #cecfd5;
  display: none;
  width: 100%; }

.cookies_yum img {
  width: 25px;
  top: 6px;
  display: inline-block;
  position: absolute;
  left: 13px; }

.cookies_yum div {
  margin: 0 auto;
  max-width: 1280px;
  min-height: 30px;
  padding: 6px 0px 6px 0px;
  position: relative; }

.cookies_yum p {
  color: #09102b;
  margin: 0px;
  font-size: 0.79em;
  display: inline-block;
  line-height: 1.2;
  padding: 0 30px 0 50px; }

.cookies_yum p a {
  white-space: nowrap; }

.cookies_yum a:hover {
  color: #46a2da; }

.cookies_yum .close {
  width: 15px;
  height: 15px;
  background-image: url("../images/cookiebar-x.png");
  background-size: 15px 30px;
  background-position: top left;
  cursor: pointer;
  top: 13px;
  right: 13px;
  position: absolute;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none; }

.cookies_yum .close:hover {
  background-position: bottom left; }

#bottom_header {
  display: block;
  position: absolute;
  width: 100%;
  z-index: 50;
  padding-top: 15px; }

#bottom_header .container {
  overflow: visible; }

#bottom_header .left {
  font-weight: bolder; }

#bottom_header a {
  color: white;
  transition-duration: 0.3s; }

#bottom_header .left a:hover {
  padding-left: 10px; }

.fixed .menuextraslanguages {
  opacity: 0;
  visibility: hidden; }
  @media (max-width: 1120px) {
    .fixed .menuextraslanguages {
      opacity: 1 !important;
      visibility: visible !important; } }

#navbar .menuextraslanguages {
  position: absolute;
  right: 0;
  bottom: -60px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  /* Dark version language menu */
  /* If background color is white, use this version for language menu */ }
  #navbar .menuextraslanguages li {
    display: inline;
    list-style: none;
    margin-left: 3px;
    padding: 0px 4px;
    font-size: 0.6875em; }
  #navbar .menuextraslanguages li.dark a:hover {
    border: 2px solid #868482; }
  #navbar .menuextraslanguages li.active.dark a {
    border-color: #868482; }
  #navbar .menuextraslanguages a {
    color: #09102b;
    padding: 2px 4px;
    border: 2px solid transparent;
    background-color: rgba(255, 255, 255, 0.9); }
  #navbar .menuextraslanguages a:hover,
  #navbar .menuextraslanguages li.active a {
    border: 2px solid #fff;
    color: #41cd52; }
  #navbar .menuextraslanguages li.white a {
    color: #cecfd5;
    border: 2px solid transparent; }
  #navbar .menuextraslanguages li.white a:hover {
    border: 2px solid #cecfd5;
    color: #cecfd5; }
  #navbar .menuextraslanguages li.active.white a,
  #navbar .menuextraslanguages li.active.white a:hover {
    color: #cecfd5;
    padding: 2px 4px;
    border: 2px solid #cecfd5; }

body.has-megamenu #navbar .menuextraslanguages {
  bottom: -110px; }

#bottom_header .dark, #bottom_header .dark.active {
  transition-duration: 0.3s;
  border-color: #868482 !important; }

#navbar .big_bar {
  width: 100%;
  height: 100px;
  background-color: #09102b;
  display: none;
  position: relative;
  box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }
  #navbar .big_bar.search {
    height: auto;
    overflow: hidden;
    display: none; }
  #navbar .big_bar ::-webkit-input-placeholder {
    color: #fff; }
  #navbar .big_bar :-moz-input-placeholder {
    color: #fff; }
  #navbar .big_bar ::-moz-input-placeholder {
    color: #fff; }
  #navbar .big_bar :-ms-input-placeholder {
    color: #fff; }
#navbar .big_bar:hover > div .big_bar_button.account {
  background-position: right bottom; }
#navbar .big_bar.account h1 {
  padding-top: 20px; }
#navbar .big_bar.account h1, #navbar .big_bar.account h1 a {
  color: #FFF;
  margin-bottom: 5px; }
#navbar .big_bar.account h1 a:hover {
  color: #328930; }
#navbar .big_bar_button:hover {
  background-position: left bottom;
  cursor: pointer; }
#navbar .big_bar_button.account {
  background-position: right top; }
#navbar .big_bar input.big_bar_search {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #fff;
  display: block;
  float: left;
  font-size: 2em;
  outline: 0 none;
  width: 70%;
  line-height: 2;
  height: auto;
  margin: 10px 5%;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  /** *behavior: url(boxsizing.htc); **/ }
#navbar .big_bar_button {
  background-color: transparent;
  border: none;
  width: auto;
  transition-duration: 0.3s;
  display: block;
  float: right;
  position: relative;
  font-family: 'QT Icons';
  font-size: 2.625em;
  color: #fff;
  margin: 22px 22px 0 0 !important;
  text-align: right;
  padding-right: 2px !important;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  #navbar .big_bar_button:focus, #navbar .big_bar_button:hover {
    outline: 0;
    color: #ebebeb; }

/* SUBPAGE HERO */
.products-main h1, .products-main h2, .products-main .text-promotion span, .text-promotion .products-main span, .products-main article.qt-news h1, article.qt-news .products-main h1, .products-main h3, .products-main h4, .products-main h5, .products-main p, .products-main article, .products-main div {
  text-align: left !important;
  color: #fff !important; }

/*
Theme Name: oneQt
Author: Digia
Description:
Version: 1.0
Text Domain: oneqt

IntoDigital WordPress Theme © 2014 Digia
*/
/***

 Table of Contents

 1. colors
 2. Common classes and elements
 3. Form elements
 3. Grid layout
 4. Layout
 5. Responsive styles

***/
.bg-lightgreen {
  background-color: #41cd52;
  color: #fff !important; }

.bg-menugreen {
  background-color: #41cd52;
  color: #fff !important; }

.bg-grey {
  background-color: #f3f3f4; }

.bg-white {
  background-color: #fff; }

.bg-light {
  background-color: #faf9f9; }

/***
 Common classes and elements
***/
article {
  position: relative; }

section,
aside {
  position: relative; }

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

.cf:after {
  clear: both; }

.hide {
  display: none; }

.right {
  display: inline;
  float: right; }

.left {
  display: inline;
  float: left; }

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

.retina img {
  display: block;
  width: 100%;
  height: auto; }

.linklist li {
  margin-bottom: 0.92em; }

.icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  vertical-align: middle;
  margin-right: 0.5em; }

.icon img {
  width: 1em;
  height: 1em;
  display: inline; }

h2 .icon, .text-promotion span .icon, article.qt-news h1 .icon {
  vertical-align: top;
  margin-right: 0.33em; }

/***
 Layout
***/
.imageslide {
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .imageslide:before, .imageslide:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #ffffff transparent transparent transparent; }
  .imageslide:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #ffffff transparent; }

.imageslide.fixed {
  height: 45%; }

.num-tile {
  position: relative; }

.num-tile h4 {
  color: #09102b;
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -2px;
  margin-bottom: 0.20em; }

.num-tile h4 small {
  display: block;
  font-size: 0.4em;
  line-height: 1.2;
  letter-spacing: 0;
  margin-top: 0.25em;
  font-style: italic;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 0.5em; }

.num-tile h4.medium {
  font-size: 3.43em;
  line-height: 1.2; }

.num-tile h4.medium small {
  display: block;
  font-size: 0.29em;
  line-height: 1.2;
  letter-spacing: 0; }

.num-tile p, .under_button p {
  font-size: 1em;
  line-height: 1.5;
  margin-top: 1.2em; }

.img-tiles .row {
  margin-bottom: 1.69%;
  /* grid margin */ }

.img-tiles .row:last-of-type {
  margin-bottom: 0; }

.img-tiles p {
  margin-top: 3.9%; }

.img-tile {
  position: relative;
  overflow: hidden;
  height: 400px; }
  .img-tile:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-width: 10px 10px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent; }
  .img-tile:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-width: 0 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    z-index: 3; }
  .bg-grey .img-tile:after {
    border-color: #f3f3f4 transparent transparent transparent; }
  .bg-grey .img-tile:before {
    border-color: transparent transparent #f3f3f4 transparent; }

.img-tile .img-tile-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center top -16px;
  transition: 0.25s ease-in-out; }

.img-tile .casename {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 400;
  color: #fff;
  text-align: left;
  z-index: 30;
  background: transparent;
  right: 0;
  max-width: 100%;
  margin: 0;
  padding: 10px 20px;
  overflow: hidden; }
  .img-tile .casename em {
    position: relative;
    z-index: 5;
    font-style: normal; }
  .img-tile .casename:before {
    content: "";
    position: absolute;
    top: -95px;
    left: -95px;
    border-width: 0 0 200px 200px;
    border-style: solid;
    border-color: #41cd52 transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .img-tile .casename:after {
    content: "";
    position: absolute;
    bottom: -95px;
    right: -95px;
    border-width: 200px 200px 0 0;
    border-style: solid;
    border-color: #41cd52 transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .img-tile .casename .bevel-helper {
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    background: #41cd52; }

.img-tile img,
.img-tile .casename {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

.img-tile:hover .img-tile-bg {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  opacity: 0.9; }

.col-3.img-tile {
  height: 225px; }

.discussion-tile {
  background: #fff;
  padding: 3.5%;
  margin-bottom: 3.5%; }

.discussion-tile .author {
  display: inline;
  float: left;
  width: 7.5%;
  margin-right: 3.5%;
  min-height: 50px;
  padding-top: 1.659em; }

.discussion-tile .author img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.discussion-tile .discussion-item {
  float: left;
  width: 89%; }

.discussion-tile h4 {
  color: #cecfd5;
  font-size: 0.79em;
  font-weight: 300;
  line-height: 1.1;
  margin-bottom: 1em; }

.discussion-tile h4 a {
  color: #cecfd5; }

.discussion-tile h4 a:hover {
  color: #46a2da; }

.discussion-tile h3 a {
  color: #21be2a; }

.discussion-tile h3 a:hover {
  color: #46a2da; }

.discussion-tile ul {
  margin-bottom: 1.43em; }

.nav-tile {
  background: #fff;
  padding: 60px;
  margin: 1em 0; }
  .nav-tile * {
    text-align: left !important; }
  .nav-tile:before, .nav-tile:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #f3f3f4 transparent transparent transparent; }
  .nav-tile:after {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #f3f3f4 transparent; }

.nav-tile h3 {
  font-weight: 600; }

.nav-tile .icon {
  width: 92px;
  height: auto;
  margin: 0 auto 1.5em;
  display: block; }

.nav-tile .icon img {
  width: 100%;
  height: auto;
  display: block; }

.nav-tile ul {
  margin-bottom: 0;
  margin-left: 0; }

.nav-tile ul li {
  list-style-image: none;
  list-style-type: none;
  background: none;
  padding: 5px 0px 5px 0px; }

.nav-tile.infoslide {
  text-align: left; }

.nav-tile.infoslide ul {
  margin-bottom: 1.56em;
  float: left;
  width: 33.3%;
  /* col-4 */
  padding-right: 1.69%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.nav-tile.infoslide p {
  clear: both; }

.extrainfo.infoslide ul {
  margin-bottom: 1.56em;
  padding-right: 1.69%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .extrainfo.infoslide ul {
      width: 100%; } }

.extrainfo.infoslide p {
  clear: both;
  width: 80%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .extrainfo.infoslide p {
      width: 100%; } }

.text-banner {
  height: 106px;
  background: #41cd52; }

.text-banner .banner-container {
  background: #41cd52;
  color: #fff;
  font-size: 2.57em;
  height: 2.57em;
  line-height: 2.57em;
  text-align: center;
  /* padding: 0.9em 0; */
  margin: 0;
  position: absolute; }

.text-banner .banner-container .item {
  height: 100%;
  width: 100%; }

.text-banner + * {
  padding-top: 3.9%; }

.company-tiles .row {
  margin-bottom: 1.69%;
  /* grid margin */ }

.company-tiles .row:last-of-type {
  margin-bottom: 0; }

.company-tiles .company-tile {
  background-color: #fafaf9; }

.post-summary .author .author-img {
  display: inline;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px; }

.post-summary .author .author-info {
  display: inline;
  float: left;
  padding-top: 5px; }

.post-summary .author .author-info p {
  margin-bottom: 0.3em; }

.post-summary .activity {
  font-size: 0.714em;
  line-height: 1;
  text-align: right;
  letter-spacing: 0.5px; }

.post-summary .activity .count {
  font-size: 3.6em;
  line-height: 1;
  margin: 0.4em 0;
  letter-spacing: -2px; }

.entry-content p,
.entry-content ul li {
  line-height: 1.786em;
  margin-bottom: 1.43em; }

.entry-content p.meta {
  font-size: 0.857em; }

.entry-content h3 a {
  color: #09102b; }

.entry-content h3 a:hover {
  color: #5caa15; }

.entry-content ul {
  list-style-position: outside;
  padding-left: 1.6em; }

.entry-content img {
  display: block;
  width: 100%;
  height: auto; }

.entry-content footer p {
  margin-bottom: 1em; }

.entry-content footer ul {
  list-style-type: none;
  padding-left: 0; }

.entry-content footer ul li {
  margin-bottom: 0; }

.products-main .imageslide.fixed {
  height: 71%; }

.products-main img {
  margin: 10% auto 50px; }

.products-main .price {
  margin-bottom: 0.9em; }

.products-main .btn {
  margin: 0 auto; }

section li {
  background: url("../images/list_arrow.png") no-repeat scroll left 16px;
  list-style: outside none none;
  margin: 0;
  padding: 4px 0 4px 13px; }

.page-nav {
  font-size: 1em;
  margin: 0; }

.page-nav ul {
  margin-left: 0;
  margin-bottom: 0px; }

.page-nav ul li {
  display: inline-block;
  margin: 0;
  list-style: none;
  padding: 4px 15px 4px 0; }

.page-nav a {
  color: #09102b; }

.page-nav a:hover {
  color: #41cd52; }

section#pagenav li {
  background: none;
  list-style: none; }

.inpage-search {
  margin-bottom: 1.4em; }

.inpage-search input {
  float: left;
  border: 1px solid #d8d7d7;
  border-right: none;
  background: #fff;
  height: 20px;
  width: 70%;
  width: -webkit-calc(100% - 59px);
  width: calc(100% - 59px);
  line-height: 20px;
  padding: 9px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.inpage-search .btn-submit {
  background: #fff url("../images/icon-search2.png") no-repeat center center;
  background-size: 40px 40px;
  border-left: none;
  border-right: 1px solid #d8d7d7;
  width: 40px;
  height: 40px;
  padding: 0;
  cursor: pointer; }

.inpage-search .btn-submit:hover {
  background: #f3f3f4 url("../images/icon-search2.png") no-repeat center center;
  background-size: 40px 40px; }

.lt-ie9 .inpage-search .btn-submit {
  background: #fff url("../images/icon-search2-lowdpi.png") no-repeat center center; }

.inpage-search.rounded input {
  color: #09102b;
  font-size: 1.14em;
  border: none;
  height: 27px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.inpage-search.rounded .btn-submit {
  background: #fff url("../images/icon-search.png") no-repeat center center;
  background-size: 16px 16px;
  border: none;
  width: 40px;
  height: 45px;
  padding: 0;
  cursor: pointer;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.inpage-search.rounded .btn-submit:hover {
  background: #f3f3f4 url("../images/icon-search.png") no-repeat center center;
  background-size: 16px 16px; }

.lt-ie9 .inpage-search.rounded .btn-submit {
  background: #fff url("../images/icon-search-lowdpi.png") no-repeat center center; }

.inpage-search.rounded input::-webkit-input-placeholder {
  color: #000; }

.inpage-search.rounded input:-moz-placeholder {
  color: #000; }

.inpage-search.rounded input::-moz-placeholder {
  color: #000; }

.inpage-search.rounded input:-ms-input-placeholder {
  color: #000; }

ul.sorting {
  font-size: 0.786em;
  line-height: 2.27em;
  margin-bottom: 1.8em; }

ul.sorting li {
  display: inline;
  float: left;
  margin-left: 15px; }

ul.sorting li:first-child {
  margin-left: 0; }

ul.sorting li a {
  color: #a9a9a9; }

ul.os-list {
  font-size: 1.71em;
  /* 24px */
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0;
  margin-top: -0.3em; }

ul.os-list li {
  display: inline-block;
  margin: 0 0.4em; }

.text-promotion {
  background: #09102b;
  color: #fff; }
  .text-promotion span {
    color: #fff;
    line-height: 1; }
  .text-promotion a.btn {
    margin-top: 13px; }

.bold {
  font-weight: 400; }

.column {
  background-clip: padding-box !important;
  box-sizing: border-box;
  display: inline;
  float: left;
  position: relative; }

/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */
.basic-modal-content {
  display: none; }

/* Overlay */
#simplemodal-overlay {
  background-color: #000; }

/* Container */
#simplemodal-container {
  width: 600px;
  color: #bbb;
  background-color: white;
  padding: 40px 40px; }

#simplemodal-container .simplemodal-data {
  padding: 8px; }

#simplemodal-container code {
  background: #141414;
  border-left: 3px solid #65B43D;
  color: #bbb;
  display: block;
  font-size: 12px;
  margin-bottom: 12px;
  padding: 4px 6px 6px; }

#simplemodal-container a {
  color: #ddd; }

#simplemodal-container a.modalCloseImg {
  background: url("../images/x.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  display: inline;
  height: 29px;
  position: absolute;
  right: 6px;
  top: 7px;
  transition: background-position 0s ease 0s;
  width: 30px;
  z-index: 3200; }

#simplemodal-container a.modalCloseImg:hover {
  background-position: 0 -29px; }

.simplemodal-container h3 {
  color: #09102b; }

.hs-form .hs-field-desc {
  color: #cecfd5;
  float: left;
  font-size: 0.7em;
  line-height: 16px;
  padding: 10px 0 20px; }

.hs-field-desc {
  width: 100% !important; }

.hs-form-field, #evaluationSignUpForm > div {
  display: block;
  margin-bottom: 10px; }

.hs-form-field {
  float: inherit; }

.hs-form-required {
  display: none; }

.hs-form-checkbox-display input {
  width: 20px !important;
  min-width: 20px !important; }

/*END*/
ul {
  list-style-type: disc; }

.no_discs ul {
  list-style-type: none; }

.summary_page {
  width: 100%;
  border-radius: 5px; }

.summary_page th, .summary_page td {
  border: 1px solid; }

.logo {
  width: 50px;
  height: 50px;
  display: inline-block; }

.extrainfo.infoside p {
  width: 100%;
  padding-right: 0; }

.tile-section .nav-tile {
  min-height: 350px; }

.deploy_options {
  margin-left: 25px !important; }

.process_button {
  margin-left: 218px; }

/***
Progress Bar for the purchase screen
***/
.purchase_bar {
  height: 6px;
  background-color: #ECECEC; }

.percent_done {
  background-color: #7CC34E;
  height: 6px;
  min-width: 1%; }

.slideshow_navigation {
  border: 1px solid white;
  border-radius: 10px;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
  cursor: pointer;
  transition: background-color 1s; }

.slideshow_navigation.av {
  background-color: white; }

.slideshow_nav_buttons {
  position: absolute;
  bottom: 40px; }

.small_details {
  font-size: 0.75em; }

.main_hero1, .main_hero2, .main_hero3, .main_hero4 {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  width: 100% !important; }

.hero_article {
  margin: 50px 0 0 10%; }

.top_download_bar {
  overflow: auto; }

.hero_arrow {
  bottom: 40px;
  display: block;
  margin: 0 auto;
  overflow: auto;
  position: relative;
  right: 222px;
  width: 200px; }

.hero_download {
  text-align: center;
  margin-bottom: 40px;
  margin-top: -80px;
  text-align: center;
  line-height: 2.5em; }

.full_width_columns div {
  width: 100%; }

.downloads p {
  margin-bottom: 0px; }

.downloads li {
  margin-left: 20px; }

#supportedPlatforms td {
  border: 1px solid #000;
  font-size: 1em; }

#supportedPlatforms {
  margin-bottom: 50px; }

#supportedPlatforms td {
  padding: 10px; }

/** WP SEARCH STYLE **/
.search-everything-highlight-color {
  background-color: #b5b7bf !important;
  padding: 0 5px; }

.search-form input.search-submit {
  margin-top: 0; }

/** Global **/
p.no-margin {
  margin: 0; }

p.left {
  text-align: left; }

p.right {
  text-align: right; }

hr.green {
  border-color: #41cd52;
  margin: 30px 0; }

/** Fix for Indie Mobile landing page **/
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.alert {
  padding: 15px;
  margin-top: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.qt-account {
  height: auto; }
  .qt-account body {
    padding-top: 0; }
  .qt-account #footerbar {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .qt-account #navbar {
    background: transparent; }
  .qt-account [role="complementary"] ul {
    max-width: 500px;
    background: #b5b7bf;
    padding: 30px;
    margin: 25px auto 0 auto;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /** *behavior: url(boxsizing.htc); **/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  .qt-account .login-screen {
    max-width: 500px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #cecfd5;
    padding-top: 30px !important;
    margin-top: 50px;
    padding-bottom: 10px !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /** *behavior: url(boxsizing.htc); **/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    .qt-account .login-screen .notification {
      padding-top: 0;
      margin-top: 20px; }

.blog .b-margin {
  margin-bottom: 50px; }

.owl-page {
  border: 2px solid white;
  width: 6px;
  height: 6px;
  display: inline-block;
  margin: 5px 15px;
  border-radius: 10px; }

.owl-page.active {
  background-color: white; }

.owl-pagination {
  text-align: center;
  margin-top: 30px; }

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-wrapper-outer {
  min-height: 690px; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }
  .owl-carousel .owl-item .actual-slide {
    min-height: 0 !important; }
  .owl-carousel .owl-item .green-bg {
    background-color: #41cd52;
    padding-bottom: 50px; }
  .owl-carousel .owl-item .dark-gray-bg {
    background: #09102b;
    padding-bottom: 50px;
    color: #fff; }
    .owl-carousel .owl-item .dark-gray-bg .row.content {
      margin-top: 0; }

/* Handle text banners differently*/
.text-banner .owl-item a {
  color: #fff; }

.text-banner .owl-item p {
  margin: 20px 0 0 0; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  width: 100%;
  bottom: 0px; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

.carousel h1 {
  margin: 3vw 0; }
.carousel .owl-controls {
  position: relative; }
@media (max-width: 560px) {
  .carousel figure p {
    margin-bottom: 0; }
  .carousel figure h3 {
    margin-bottom: 5px; } }

.tab-container ul.tab-titles {
  list-style-type: none;
  margin: 0; }

.tab-container ul.tab-titles li {
  float: left;
  margin: 0;
  padding: 0;
  background: none; }

.tab-container ul.tab-titles li a {
  display: block;
  color: #9a9997;
  font-size: 1.14em;
  line-height: 1.56;
  font-weight: 300;
  padding: 1em 19px; }

.tab-container ul.tab-titles li.active a {
  background: #fff;
  color: #000;
  font-weight: 300; }

.tab-container ul.tab-titles li a:hover {
  background: #fff;
  color: #006325; }

.tab-container .tab-contents {
  background: #fff;
  padding: 32px 19px 20px; }

.tab-container .tab-contents .tab {
  color: #53586b;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.tab-container .tab-contents .tab.active {
  visibility: visible;
  opacity: 1;
  height: auto; }

.tab-container .tab-contents .tab p {
  margin-bottom: 0.8em; }

.tab-container .tab-contents .tab strong {
  color: #000; }

.tab-container .tab-contents .tab ul {
  list-style-position: outside;
  padding-left: 1.6em;
  margin-bottom: 0.8em; }

.tab-container .tab-contents .tab ul li {
  line-height: 1.78em; }

.accordion {
  text-align: center;
  max-width: 75%;
  margin: 40px auto 0 auto; }
  .accordion h4 {
    text-align: left; }

.accordion-item {
  background: #f3f3f4;
  display: inline-block;
  text-align: left;
  margin-bottom: 3px; }
  .accordion-item [role="heading"] {
    cursor: pointer;
    padding: 15px; }
  .accordion-item [role="heading"] h4 {
    margin: 0; }
  .accordion-item [role="content"] {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out; }
  .accordion-item.open [role="content"] {
    max-height: 999px; }

.bumps figure p {
  max-width: 60%;
  margin: 10px auto; }

#footerbar {
  background: #222840;
  color: #fff;
  font-size: 0.8em; }

#footerbar.fixed {
  bottom: 0;
  left: 0;
  width: 100%; }

#footerbar .footer-main .footer-nav ul {
  margin-left: 0;
  padding-right: 10px; }

#footerbar .footer-main .footer-nav li {
  float: left;
  width: 20%; }

#footerbar .footer-main .footer-nav li a {
  display: block;
  padding: 30px 0 10px;
  line-height: 20px;
  color: #fff;
  font-weight: 600; }

#footerbar .footer-main .footer-nav li a:hover,
#footerbar .footer-main .footer-nav li.current-menu-item a {
  color: #cecfd5; }

#footerbar .footer-main .footer-nav .sub-menu {
  margin-left: 0;
  margin-bottom: 0; }

#footerbar .footer-main .footer-nav .sub-menu li {
  float: none;
  width: 100%; }

#footerbar .footer-main .footer-nav .sub-menu ul {
  padding: 1px 1em;
  font-size: 1em;
  float: none;
  color: #53586b;
  margin-bottom: 0; }

#footerbar .footer-main .footer-nav .sub-menu li a {
  padding: 2px 0;
  font-size: 1em;
  float: none;
  color: #cecfd5;
  font-weight: 400; }

#footerbar .footer-main .footer-nav .sub-menu li a:hover,
#footerbar .footer-main .footer-nav .sub-menu li.current-menu-item a {
  color: #fff; }

#footerbar .footer-main .footer-logo {
  display: inline;
  float: right;
  padding: 29px 0 28px 10px;
  margin-left: 30px;
  width: 56px;
  /** &:before{
  	content: attr(data-icon);
  	font-family: 'Qt Icons';
  	width: 100%;
  	line-height: 1.2;
  	display: inline-block;
  	font-size:em-calc(30);
  	color: #cecfd5;
  } **/ }
  #footerbar .footer-main .footer-logo:before {
    background-image: "../images/theqtcompany20y.png";
    background-size: 100%;
    width: 215px;
    height: 68px; }

#footerbar .footer-main .footer-logo:hover {
  padding: 31px 0 26px 10px; }

#footerbar .disclaimer {
  /* background: #000000; */
  font-size: 1em;
  line-height: 1;
  color: #868584;
  padding-top: 70px; }

#footerbar .disclaimer ul {
  margin-left: 0; }

#footerbar .disclaimer a {
  color: #cecfd5; }

#footerbar .disclaimer a:hover {
  color: #cecfd5; }

#footerbar .disclaimer ul li {
  float: left;
  vertical-align: middle;
  margin-left: 1.18em; }

#footerbar .disclaimer ul li:first-child {
  margin-left: 0; }

#footerbar .disclaimer ul.lang-selector a {
  color: #506a34;
  color: rgba(128, 195, 66, 0.3); }

#footerbar .disclaimer ul.lang-selector a:hover {
  color: #80c342;
  color: rgba(128, 195, 66, 0.7); }

#footerbar .disclaimer .footer-social {
  display: inline;
  float: right;
  position: relative;
  top: -40px; }

#footerbar .disclaimer .footer-social > div {
  margin-left: 10px;
  margin-bottom: 0;
  display: inline-block;
  height: 50px; }

#menu-footer-menu, #menu-footer-menu ul {
  margin-bottom: 0;
  margin-left: 0; }

.theqtcompany {
  background: url("../images/theqtcompany20y.png") no-repeat;
  background-size: 100%;
  width: 215px;
  height: 68px;
  display: block;
  margin: 60px 0; }

/***
 Grid layout
***/
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3.9%;
  position: relative;
  overflow: hidden; }

.block {
  background: #fff;
  padding: 1.69%;
  margin-bottom: 1.69%; }

.content-area {
  float: left;
  width: 74.5775%;
  /* 9 columns */ }

.content-area .block {
  padding: 2.27%;
  margin-bottom: 3px; }

#sidebar {
  float: right;
  width: 23.7325%;
  /* 3 columns */
  position: relative;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  /* Safari and Chrome */ }

#sidebar .block {
  padding: 7.14%;
  margin-bottom: 3px; }

#sidebar .block:last-of-type {
  margin-bottom: 0; }

.row {
  clear: both; }

.col {
  display: inline;
  float: left;
  margin-left: 1.69%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important; }

.row .col:first-child {
  margin-left: 0; }

.col.right {
  float: right; }

.col.left {
  float: left;
  margin-left: 0; }

.col-1 {
  width: 6.784%; }

.col-2 {
  width: 15.258%; }

.col-3 {
  width: 23.7325%; }

.col-4 {
  width: 32.206%; }

.col-5 {
  width: 40.680%; }

.col-6 {
  width: 49.155%; }

.col-7 {
  width: 57.629%; }

.col-8 {
  width: 66.103%; }

.col-9 {
  width: 74.5775%; }

.col-10 {
  width: 83.051%; }

.col-11 {
  width: 91.525%; }

.col-12 {
  width: 100%;
  margin-left: 0; }

.offset-1 {
  margin-left: 8.474% !important; }

.offset-2 {
  margin-left: 16.949% !important; }

.offset-3 {
  margin-left: 25.423% !important; }

.offset-4 {
  margin-left: 33.898% !important; }

.offset-5 {
  margin-left: 42.372% !important; }

.offset-6 {
  margin-left: 50.847% !important; }

.offset-7 {
  margin-left: 59.322% !important; }

.offset-8 {
  margin-left: 67.796% !important; }

.offset-9 {
  margin-left: 76.271% !important; }

.offset-10 {
  margin-left: 84.743% !important; }

.offset-11 {
  margin-left: 93.22% !important; }

.pad-top-s {
  padding-top: 1.69% !important; }

.pad-btm-s {
  padding-bottom: 1.69% !important; }

.pad-top-m {
  padding-top: 3.9% !important; }

.pad-btm-m {
  padding-bottom: 3.9% !important; }

.pad-top-l {
  padding-top: 7.8% !important; }

.pad-btm-l {
  padding-bottom: 7.8% !important; }

.pad-top-xl {
  padding-top: 15% !important; }

.pad-btm-xl {
  padding-bottom: 15% !important; }

.padding-top-static {
  padding-top: 56px !important; }

@media screen and (max-width: 1120px) {
  .nav-tile ul li {
    list-style-type: none; }

  #footerbar li {
    list-style-type: none; }

  .visible_medium {
    display: auto !important; }

  body, body.has-megamenu {
    padding: 0; }

  .infoslide .col {
    float: none;
    clear: both;
    display: block;
    margin: 0 auto 1em;
    text-align: left;
    width: 100%; }

  .infoslide .row .col:first-child {
    margin-left: auto; }

  .infoslide .num-tile {
    width: 100%;
    text-align: left;
    clear: none;
    margin-left: 0;
    min-height: 150px;
    margin: auto; }

  .infoslide.extrainfo .col {
    width: 50%;
    text-align: left;
    float: left;
    clear: none;
    margin-left: 0; }

  .extrainfo.infoslide p {
    padding: 0; }

  .extrainfo.infoslide ul {
    float: none;
    width: 100%;
    padding: 0; }

  .tab-container .tab-contents .row .col {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
    padding-bottom: 0.2em;
    border-bottom: 1px solid #e6e6e5;
    margin-bottom: 1.2em; }

  .tab-container .tab-contents .row .col:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0; }

  .text-promotion {
    text-align: center; }
    .text-promotion span.header-promotion {
      margin-right: 0px; }

  .text-promotion a.btn {
    display: block;
    float: none;
    margin: 30px auto 20px;
    max-width: 300px; }

  #support .col-4 {
    width: 50%; }

  #support .nav-tile {
    text-align: center; }

  #support .nav-tile ul {
    float: none;
    display: block;
    width: auto; }

  .chartslide .num-tile {
    width: 33%; }

  #footerbar .footer-main .footer-nav {
    float: none;
    display: block;
    width: auto; }

  #footerbar .footer-main .footer-logo {
    clear: both;
    float: none;
    display: block;
    padding: 0;
    margin: 3.9% 0 2% 3%;
    width: 56px; }

  #footerbar .footer-main .footer-logo:hover {
    padding: 0; }

  #footerbar .footer-main .footer-social {
    float: left;
    padding: 0 0 0 3%; }

  #footerbar .disclaimer {
    font-size: 1em;
    line-height: 1; }

  #footerbar #menu-footer-submenu {
    clear: both;
    float: none;
    display: block;
    padding: 0 0 3.9% 3%; }

  #footerbar .lang-selector {
    border-top: 1px solid #413d3b;
    clear: both;
    float: none;
    display: block;
    padding: 3.9% 0 3.9% 3%; }

  .hidden_md {
    display: none !important; }

  .caros_buttons {
    margin-top: 0px; }

  .bgtext col {
    margin-top: 500px; }

  p.no-margin {
    margin: 0; }

  p.left {
    text-align: left; }

  p.right {
    text-align: right; }

  body:not(.has-megamenu) ul.menuextraslanguages {
    margin-bottom: 0; } }
@media (max-width: 1195px) {
  body:not(.has-megamenu) #navbar .navbar-oneQt:before {
    left: 15px; }

  .theqtcompany {
    background: url("../images/theqtcompany20y.png") no-repeat;
    background-size: 100%;
    width: 215px;
    height: 68px; }

  #footerbar .footer-main .footer-social {
    float: left;
    padding: 30px 0px 0px 3%; }

  #footerbar #menu-footer-submenu {
    clear: both;
    float: none;
    display: block;
    padding: 0px 0px 3.9% 3%; }

  ul#menu-footer-submenu {
    margin-left: 0; }

  p.large {
    font-size: 1.25em;
    line-height: 1.25;
    max-width: 80%;
    margin: 1em auto; }

  .imageslide p {
    margin-top: 1em; } }
@media (max-width: 860px) {
  .hs_form_info {
    width: 100% !important;
    margin-top: 50px !important; }

  body:not(.has-megamenu) #navbar .navbar-oneQt:before {
    top: 12px;
    font-size: 32px; }

  #menuextras li a {
    height: 55px;
    padding-top: 10px; }
  #menuextras li a span {
    max-height: 0;
    width: 0; }

  #navbar .navbar-toggle figure {
    margin-top: 0; }

  #navbar .navbar-toggle span {
    display: none; }

  h1, h1.small {
    font-size: 2.25em;
    letter-spacing: -1px;
    line-height: 1.25;
    margin-bottom: 40px; }

  h2, .text-promotion span, article.qt-news h1, p.xl {
    font-size: 1.8em;
    line-height: 1.25;
    margin-bottom: 30px; }

  h3 {
    font-size: 1.4em;
    line-height: 1.25;
    margin-bottom: 25px; }

  h4 {
    font-size: 1.2em;
    line-height: 1.25;
    margin-bottom: 20px; }

  p {
    font-size: 1em;
    line-height: 1.25;
    margin-bottom: 20px; }

  p.large {
    font-size: 1.29em;
    font-weight: 300;
    line-height: 1.39;
    margin-bottom: 20px; }

  p.medium,
  .infoslide p,
  .infoslide ul {
    font-size: 1em;
    line-height: 1.5;
    margin-bottom: 20px; }

  p small,
  li small {
    font-size: 0.857em;
    /* 12px */
    line-height: 1.66;
    /* 20px */
    margin-bottom: 1.66em;
    /* 20px */ }

  #pagenav, .in-page-nav {
    font-size: 1em; }

  .nav-tile {
    padding: 3.5%; }

  #menuextras li.search {
    right: -18px;
    top: 5px; } }
@media screen and (max-width: 767px) {
  .arrow {
    display: none; }

  .in-page-nav ul li, .page-nav ul li {
    display: block; }

  .page-nav ul {
    padding: 5px 0 !important; }

  .page-nav ul li a {
    padding: 3px 5px !important;
    border-width: 0 !important; }

  .in-page-nav ul li a {
    padding: 5px 0px; }

  .hubspot_content_left, .cd_content_left {
    width: 100% !important; }

  #footerbar .disclaimer ul li {
    margin: 0;
    display: block;
    text-align: center;
    padding: 10px;
    float: none; }

  #footerbar .disclaimer .footer-social {
    display: block;
    float: none;
    position: relative;
    text-align: center;
    top: 0; }

  .visible_medium {
    display: inherit; }

  .feedslide {
    text-align: center; }

  .feedslide .col {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 6%; }

  .discussion-tile h4 {
    font-size: 1em; }

  .discussion-tile h3 {
    margin-bottom: 1em; }

  .discussion-tile .author {
    width: 50px;
    float: none;
    display: block;
    margin: 0 auto 1em;
    padding: 0; }

  .discussion-tile .discussion-item {
    float: none;
    display: block;
    width: auto; }

  .discussion-tile ul {
    margin-bottom: 0;
    text-align: center; }

  .discussion-tile ul.taglist li {
    float: none;
    display: inline-block; }

  #footerbar .footer-main .footer-nav ul {
    padding-right: 0; }

  #footerbar .footer-main .footer-nav li {
    float: none;
    display: block;
    width: 100%; }

  #footerbar .footer-main .footer-logo {
    margin: 2% auto 0; }

  #footerbar .footer-main .footer-nav li:first-child {
    margin-left: 0; }

  #footerbar .footer-main .footer-nav li a,
  #footerbar .footer-main .footer-nav li a:hover,
  #footerbar .footer-main .footer-nav li.current-menu-item a {
    display: block;
    text-align: center; }

  #footerbar #menu-footer-submenu, #footerbar #menu-footer-menu {
    margin-left: 0;
    padding-left: 0; }

  .img-tile .casename,
  a.img-tile:hover .casename {
    font-size: 1em; }

  .company-tiles {
    margin-left: -2%; }

  .company-tiles .row {
    margin-bottom: 0; }

  .company-tiles .row .col:first-child {
    margin-left: 2%; }

  .company-tiles .col {
    margin: 0 0 1.69% 2%;
    width: 48%; }

  .platformslide .row {
    width: 100%;
    float: none;
    display: block;
    margin-left: 0; }

  .img-tile {
    width: 49%;
    margin: 0 0 1em; }

  .img-tile:nth-child(odd) {
    margin-right: 2%; }

  .nav-tile {
    float: none;
    display: block;
    width: auto;
    margin-left: 0; }

  .infoslide .num-tile, .infoslide .num-tile p {
    max-width: 100%;
    text-align: center; }

  .text-banner .banner-container {
    font-size: 1.5em;
    margin-top: 15px; }

  .chartslide .num-tile {
    width: 100%;
    margin-bottom: 0; }

  #support .col-4 {
    width: 70%; }

  #support .nav-tile ul {
    margin-bottom: 0.8em; }

  #support .nav-tile ul li {
    margin-bottom: 0.3em; }

  .tile-section .nav-tile {
    margin-bottom: 3.9%;
    min-height: 0; }

  .tabslide h1,
  .tile-section h1 {
    text-align: center; }

  .tab-container ul.tab-titles li a {
    font-size: 1em;
    line-height: 1.56;
    font-weight: 300;
    padding: 1em 5px; }

  #footerbar .footer-main .footer-social {
    float: left;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    top: 0; }

  .theqtcompany {
    background: 50% 50% url("../images/theqtcompany20y.png") no-repeat;
    background-size: 215px 68px;
    width: 100%;
    height: 68px;
    display: block;
    margin: 30px auto; }

  #footerbar .disclaimer ul li {
    padding: 5px; }

  .products-main .imageslide.fixed {
    height: 60%; }

  .text-promotion {
    font-size: 1.5em !important;
    padding: 1em 0; }

  .text-promotion span {
    font-size: 1.5em !important;
    line-height: 1.5 !important; } }
@media screen and (max-width: 479px) {
  .cookies_yum img {
    display: none; }

  .cookies_yum p {
    padding-left: 10px; }

  #footerbar .footer-main .footer-nav li {
    display: block;
    text-align: center !important; }

  .arrow {
    display: none !important; }

  body {
    font-size: 14px; }

  h1,
  h1.small {
    font-size: 2em;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.25;
    margin-bottom: 1em; }

  #navbar {
    font-size: 16px; }

  #mainmenu li a {
    font-size: 1em; }

  body.has-megamenu #navbar .navbar-oneQt {
    margin-right: 0; }
    body.has-megamenu #navbar .navbar-oneQt:before {
      top: 21px;
      font-size: 28px; }

  #navbar .navbar-toggle {
    min-width: 65px; }

  #menuextras li a {
    min-width: 65px; }

  #menuextras li.navbar-search {
    margin-left: 4px; }

  #menuextras li.navbar-search input.text {
    width: 0;
    display: none; }

  #menuextras li.navbar-search input.search-submit {
    border-color: #fff; }

  .img-tile {
    width: 100%;
    margin-bottom: 3.9%; }

  .infoslide.extrainfo .col {
    width: 100%; }

  .extrainfo.infoslide ul {
    margin-bottom: 0.8em; }

  .extrainfo.infoslide ul li {
    margin-bottom: 0.2em; }

  .text-promotion, .text-promotion span {
    font-size: 1.4em;
    line-height: 1;
    padding: 1em 0; }

  .text-promotion {
    padding: 1em 0; }

  .text-promotion .btn {
    margin-top: 5px; }

  .products-main .imageslide.fixed {
    height: 55%; }

  .products-main h1 {
    margin: 0.3em auto 0.5em; }

  .platformslide h2, .platformslide .text-promotion span, .text-promotion .platformslide span, .platformslide article.qt-news h1, article.qt-news .platformslide h1 {
    font-size: 1em;
    margin-bottom: 0.5em; }

  .platformslide p {
    margin-bottom: 0.8em; }

  ul.os-list {
    font-size: 1.2em; }

  #support .col-4 {
    width: 90%; }

  .tab-container ul.tab-titles li a {
    font-size: 0.8em;
    line-height: 1.56;
    font-weight: 300;
    padding: 1em 4px; }

  .big_bar input.big_bar_search {
    font-size: 1em !important; }

  #navbar input.big_bar_button {
    font-size: 26px;
    margin-top: 14px !important; }

  .nav-tile {
    padding: 5%; }

  p small, li small {
    font-size: 1em; } }
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }
@-moz-keyframes empty {
  0% {
    opacity: 1; } }
@keyframes empty {
  0% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }
@keyframes goDown {
  from {
    transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }
@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  50% {
    -moz-transform: scale(1.1); }
  100% {
    -moz-transform: scale(1); } }
@-webkit-keyframes Floatingx {
  0% {
    -webkit-transform: translate(0px, 0px); }
  65% {
    -webkit-transform: translate(0px, 8px); }
  100% {
    -webkit-transform: translate(0px, 0px); } }
@-moz-keyframes Floating {
  from {
    -moz-transform: translate(0, 0px); }
  65% {
    -moz-transform: translate(0, 8px); }
  to {
    -moz-transform: translate(0, 0px); } }
@keyframes Floating {
  from {
    transform: translate(0, 0px); }
  65% {
    transform: translate(0, 8px); }
  to {
    transform: translate(0, 0px); } }
@-ms-keyframes Floating {
  from {
    -ms-transform: translate(0, 0px); }
  65% {
    -ms-transform: translate(0, 8px); }
  to {
    -ms-transform: translate(0, 0px); } }
.text-center {
  text-align: center !important; }

/* ----------------------------------------------------------
	QT NEWS & QT EVENTS
---------------------------------------------------------- */
section.qt-events-title .imageslide,
body.post-type-archive-qt-news .imageslide,
body.single-qt-news .imageslide,
body.post-type-archive-qt-events .imageslide,
body.single-qt-events .imageslide {
  background-image: url(../images/headerbg_qtnews.jpg); }
section.qt-events-title article .date,
body.post-type-archive-qt-news article .date,
body.single-qt-news article .date,
body.post-type-archive-qt-events article .date,
body.single-qt-events article .date {
  opacity: .6; }

body.post-type-archive-qt-news article,
body.post-type-archive-qt-events article {
  margin-bottom: 34px; }
body.post-type-archive-qt-news article:last-child,
body.post-type-archive-qt-events article:last-child {
  margin-bottom: 0; }
body.post-type-archive-qt-news article h3,
body.post-type-archive-qt-events article h3 {
  margin-bottom: 0; }
body.post-type-archive-qt-news article .date,
body.post-type-archive-qt-events article .date {
  margin: 16px 0 12px 0; }

/* ----------------------------------------------------------
	QT EVENTS
---------------------------------------------------------- */
body.post-type-archive-qt-events .event-column-left,
body.single-qt-events .event-column-left {
  padding-right: 30px; }
body.post-type-archive-qt-events .event-column-right,
body.single-qt-events .event-column-right {
  padding-left: 30px; }
body.post-type-archive-qt-events .event-table-wrapper,
body.single-qt-events .event-table-wrapper {
  margin: 40px 0 40px 0;
  font-size: 13px; }
body.post-type-archive-qt-events .event-table-wrapper.no-margin,
body.single-qt-events .event-table-wrapper.no-margin {
  margin: 0; }
body.post-type-archive-qt-events .event-table-row,
body.single-qt-events .event-table-row {
  padding: 13px 0;
  border-bottom: 2px solid #f3f3f4; }
body.post-type-archive-qt-events .event-table-row.with-bgcolor,
body.single-qt-events .event-table-row.with-bgcolor {
  background-color: #F9F9F9;
  border: none; }
body.post-type-archive-qt-events .event-table-row:hover,
body.single-qt-events .event-table-row:hover {
  background-color: #F9F9F9; }
body.post-type-archive-qt-events .event-table-row:after,
body.single-qt-events .event-table-row:after {
  display: block;
  content: ' ';
  clear: both; }
body.post-type-archive-qt-events .event-table-row.header,
body.single-qt-events .event-table-row.header {
  background-color: #f3f3f4;
  font-weight: 600; }
body.post-type-archive-qt-events .event-table-column,
body.single-qt-events .event-table-column {
  float: left;
  webkit-box-sizing: border-box;
  moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding: 0 2%;
  word-wrap: break-word; }
body.post-type-archive-qt-events .event-table-column.col-1-5,
body.single-qt-events .event-table-column.col-1-5 {
  width: 20%; }
body.post-type-archive-qt-events .event-table-column.col-1-3,
body.single-qt-events .event-table-column.col-1-3 {
  width: 33.33%; }
body.post-type-archive-qt-events .event-table-column.col-1-2,
body.single-qt-events .event-table-column.col-1-2 {
  width: 50%; }
body.post-type-archive-qt-events .event-table-column.col-20,
body.single-qt-events .event-table-column.col-20 {
  width: 20%; }
body.post-type-archive-qt-events .event-table-column.col-30,
body.single-qt-events .event-table-column.col-30 {
  width: 30%; }
body.post-type-archive-qt-events .event-table-column.col-40,
body.single-qt-events .event-table-column.col-40 {
  width: 40%; }
body.post-type-archive-qt-events .event-table-row .event-table-column:first-child,
body.single-qt-events .event-table-row .event-table-column:first-child {
  padding: 0 2% 0 4%; }
body.post-type-archive-qt-events .event-table-row .event-table-column:last-child,
body.single-qt-events .event-table-row .event-table-column:last-child {
  padding: 0 4% 0 2%; }
body.post-type-archive-qt-events .event-table-row .event-table-column.col-2-3:last-child,
body.single-qt-events .event-table-row .event-table-column.col-2-3:last-child {
  text-align: right; }

body.single-qt-events .event-table-row:first-child {
  border-top: 2px solid #f3f3f4; }

/* for registration btn */
body.single-qt-events .event-table-row:last-child {
  margin-bottom: 50px; }

/* for registration btn */
@media (max-width: 860px) {
  body.post-type-archive-qt-events .event-column-left,
  body.single-qt-events .event-column-left {
    padding-right: 0; }
  body.post-type-archive-qt-events .event-column-right,
  body.single-qt-events .event-column-right {
    padding-left: 0; } }
.qt-news-title h1 {
  margin-bottom: 10px; }
.qt-news-title h1, .qt-news-title p {
  color: #fff; }

.qt-news-content {
  padding-top: 60px;
  padding-bottom: 60px; }

article.qt-news {
  max-width: 650px;
  margin-left: 22%; }

@media (max-width: 1120px) {
  article.qt-news {
    margin-left: 12%; } }
@media (max-width: 767px) {
  article.qt-news {
    margin-left: 0; } }
body.search .imageslide {
  background-image: url(../images/headerbg_qtnews.jpg); }

#paging-posts {
  margin-top: 60px;
  margin-bottom: 20px; }
