@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, 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: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

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; }
body { color: #404244; 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; }
@media (min-width: 1120px) { body.cookie-in-view { padding-top: 122px; } }

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

h1, h2, h3, h4 { color: #26282a; 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, p.xl { font-size: 2.1875em; letter-spacing: -1px; margin-bottom: 30px; }
h2.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: #404244; }

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

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

a { color: #5caa15; 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: #46a2da; }

.blog-preview h2 a { color: #26282a; }
.blog-preview h2 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: 5; border-color: #eee; }

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

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

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

.text-white { color: #fff; }

.text-lightgrey { color: #d6d6d6; }

.text-grey { color: #585a5c; }

.landing h2 span { font-size: 0.55em; }

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

.circular-type p { margin-top: 15px; }
.circular-type h1 { color: #26282a; background: #fff; display: inline-block; line-height: 1; padding: 30px 30px 30px 40px; font-weight: 300; margin-bottom: 0; font-size: 3.125em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }

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

.circular-type h1 { color: #26282a; }

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

#pagenav, .in-page-nav { font-weight: 300; font-size: 1.125em; }

.bgimageslide h1, .bgimageslide h2, .bgimageslide h3, .bgimageslide h4, .bgimageslide p { max-width: 60%; margin-left: auto; margin-right: auto; }
@media (max-width: 1120px) { .bgimageslide h1, .bgimageslide h2, .bgimageslide h3, .bgimageslide h4, .bgimageslide p { max-width: 100%; } }

.green-type h1, .green-type h2 { color: #80c342; }

.inline-type { padding-left: 15.507430341%; }
.inline-type h1, .inline-type h2 { 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 { font-size: 3em; letter-spacing: normal; }
.summary span { font-size: 0.4em; color: #26282a; letter-spacing: normal; }

.products-main h1 { margin: 5% auto 0.2em; }

.in-between { opacity: 0; position: absolute; top: 0; width: 100%; left: 0; }

.animated-sub-content .anim { opacity: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
@media (max-width: 1120px) { .animated-sub-content .first-phase h1 { font-size: 3.125em; } }
@media (max-width: 500px) { .animated-sub-content .first-phase h1 { font-size: 2.1875em; } }
@media (max-width: 1120px) { .animated-sub-content .eq-margin { font-size: 2.1875em; } }
@media (max-width: 500px) { .animated-sub-content .eq-margin { font-size: 1.25em; } }
.animated-sub-content .from-center { transform: translateY(400%); -webkit-transform: translateY(400%); -moz-transform: translateY(400%); -ms-transform: translateY(400%); -o-transform: translateY(400%); }
@media (max-width: 768px) { .animated-sub-content .from-center { transform: translateY(330%); -webkit-transform: translateY(330%); -moz-transform: translateY(330%); -ms-transform: translateY(330%); -o-transform: translateY(330%); } }
@media (max-width: 580px) { .animated-sub-content .from-center { transform: translateY(300%); -webkit-transform: translateY(300%); -moz-transform: translateY(300%); -ms-transform: translateY(300%); -o-transform: translateY(300%); } }
@media (max-width: 480px) { .animated-sub-content .from-center { transform: translateY(420%); -webkit-transform: translateY(420%); -moz-transform: translateY(420%); -ms-transform: translateY(420%); -o-transform: translateY(420%); } }
@media (max-width: 360px) { .animated-sub-content .from-center { transform: translateY(200%); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); } }
.animated-sub-content .in-between.from-center { transform: translateY(80%); -webkit-transform: translateY(80%); -moz-transform: translateY(80%); -ms-transform: translateY(80%); -o-transform: translateY(80%); transition: all 1.8s ease-in-out 2.5s; -webkit-transition: all 1.8s ease-in-out 2.5s; -moz-transition: all 1.8s ease-in-out 2.5s; -ms-transition: all 1.8s ease-in-out 2.5s; -o-transition: all 1.8s ease-in-out 2.5s; }
@media (max-width: 1120px) { .animated-sub-content .in-between.from-center { transform: translateY(45%); -webkit-transform: translateY(45%); -moz-transform: translateY(45%); -ms-transform: translateY(45%); -o-transform: translateY(45%); } }
@media (max-width: 768px) { .animated-sub-content .in-between.from-center { transform: translateY(150px); -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -ms-transform: translateY(150px); -o-transform: translateY(150px); } }
@media (max-width: 580px) { .animated-sub-content .in-between.from-center { transform: translateY(120px); -webkit-transform: translateY(120px); -moz-transform: translateY(120px); -ms-transform: translateY(120px); -o-transform: translateY(120px); } }
@media (max-width: 480px) { .animated-sub-content .in-between.from-center { transform: translateY(170px); -webkit-transform: translateY(170px); -moz-transform: translateY(170px); -ms-transform: translateY(170px); -o-transform: translateY(170px); } }
@media (max-width: 380px) { .animated-sub-content .in-between.from-center { transform: translateY(140px); -webkit-transform: translateY(140px); -moz-transform: translateY(140px); -ms-transform: translateY(140px); -o-transform: translateY(140px); } }
.animated-sub-content .last-phase { transition: all 0.3s cubic-bezier(0.14, 0.79, 0.52, 1.07) 6.5s; -webkit-transition: all 0.3s cubic-bezier(0.14, 0.79, 0.52, 1.07) 6.5s; -moz-transition: all 0.3s cubic-bezier(0.14, 0.79, 0.52, 1.07) 6.5s; -ms-transition: all 0.3s cubic-bezier(0.14, 0.79, 0.52, 1.07) 6.5s; -o-transition: all 0.3s cubic-bezier(0.14, 0.79, 0.52, 1.07) 6.5s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.animated-sub-content .second-phase { transform: translateY(10%); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); letter-spacing: -0.31em; }
.animated-sub-content .second-phase img { display: inline-block; }
.animated-sub-content .second-phase.one { transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7s; -webkit-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7s; -moz-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7s; -ms-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7s; -o-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7s; }
.animated-sub-content .second-phase.two { transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.15s; -webkit-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.15s; -moz-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.15s; -ms-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.15s; -o-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.15s; }
.animated-sub-content .second-phase.three { transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.3s; -webkit-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.3s; -moz-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.3s; -ms-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.3s; -o-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 7.3s; }
.animated-sub-content .third-phase { transform: translateY(10%); -webkit-transform: translateY(10%); -moz-transform: translateY(10%); -ms-transform: translateY(10%); -o-transform: translateY(10%); transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 8s; -webkit-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 8s; -moz-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 8s; -ms-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 8s; -o-transition: all 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07) 8s; }
.animated-sub-content .third-phase .btn { max-width: 100%; }
.animated-sub-content.visible .first-phase.from-center { opacity: 1; transition: all 0.9s cubic-bezier(0.43, 0.9, 0.59, 0.91); -webkit-transition: all 0.9s cubic-bezier(0.43, 0.9, 0.59, 0.91); -moz-transition: all 0.9s cubic-bezier(0.43, 0.9, 0.59, 0.91); -ms-transition: all 0.9s cubic-bezier(0.43, 0.9, 0.59, 0.91); -o-transition: all 0.9s cubic-bezier(0.43, 0.9, 0.59, 0.91); }
.animated-sub-content.visible .first-phase.from-center.to-top { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transition: all 0.8s cubic-bezier(0.14, 0.79, 0.52, 1.07); -webkit-transition: all 0.8s cubic-bezier(0.14, 0.79, 0.52, 1.07); -moz-transition: all 0.8s cubic-bezier(0.14, 0.79, 0.52, 1.07); -ms-transition: all 0.8s cubic-bezier(0.14, 0.79, 0.52, 1.07); -o-transition: all 0.8s cubic-bezier(0.14, 0.79, 0.52, 1.07); }
.animated-sub-content.visible .in-between { opacity: 1; }
.animated-sub-content.visible .in-between.disappear { opacity: 0; transition: all 0.5s cubic-bezier(0.43, 0.9, 0.59, 0.91) 2s; -webkit-transition: all 0.5s cubic-bezier(0.43, 0.9, 0.59, 0.91) 2s; -moz-transition: all 0.5s cubic-bezier(0.43, 0.9, 0.59, 0.91) 2s; -ms-transition: all 0.5s cubic-bezier(0.43, 0.9, 0.59, 0.91) 2s; -o-transition: all 0.5s cubic-bezier(0.43, 0.9, 0.59, 0.91) 2s; }
.animated-sub-content.visible .last-phase { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.animated-sub-content.visible .second-phase.one, .animated-sub-content.visible .second-phase.two, .animated-sub-content.visible .second-phase.three { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
.animated-sub-content.visible .third-phase { opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
.animated-sub-content.visible .third-phase.pulse { -webkit-animation: pulse 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07); -moz-animation: pulse 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07); -ms-animation: pulse 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07); animation: pulse 0.4s cubic-bezier(0.14, 0.79, 0.52, 1.07); }
.animated-sub-content [class*="cloud--"].float { -webkit-animation: Floatingx 5s infinite ease-in-out; -moz-animation: Floatingx 5s infinite ease-in-out; -ms-animation: Floatingx 5s infinite ease-in-out; animation: Floatingx 5s infinite ease-in-out; }

.show-all-anim .animated-sub-content .last-phase, .show-all-anim .animated-sub-content .first-phase, .show-all-anim .animated-sub-content .second-phase, .show-all-anim .animated-sub-content .third-phase { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; }

.horizontal-list ul { list-style: none; letter-spacing: -0.31em; margin-left: 0; }
.horizontal-list ul li { display: inline-block; letter-spacing: normal; background: none; padding-left: 2px; padding-right: 2px; }

.slide-to-view li { padding: 0 20px; vertical-align: bottom; }
.slide-to-view li.main { z-index: 20; position: relative; }
.slide-to-view li figure { opacity: 1; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.slide-to-view li:first-child { padding-left: 0; }
.slide-to-view li:last-child { padding-right: 0; }
.slide-to-view.stacked .from-left figure { opacity: 0; transform: translateX(200%); -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); }
.slide-to-view.stacked .from-right figure { opacity: 0; transform: translateX(200%); -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); }

.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: #80c342; }
.wp-paginate .page.current { background: #26282a; 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 "Open Sans", Arial, Helvetica, sans-serif; }

.checkbox_label { line-height: auto; }

[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 #d6d6d6; 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: #eee 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: #eee; }

.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: #bdbebf; }

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

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

.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 #d6d6d6; 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: #26282A; }

div.hbspt-form input:not(.hs-button), div.hbspt-form select, div.hbspt-form textarea { outline: 0; width: 100%; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4; font-weight: 300; background-color: #FFF; border: 1px solid #d6d6d6; padding: 9px 10px 10px 10px; color: #868482; border-radius: 5px; -webkit-border-radius: 5px; -moz-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: #404244 !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 > input { margin-top: 50px; margin-left: 0; }

/* 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; padding-left: 25px; padding-right: 18px; 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 #d6d6d6; 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; } }
.btn, .hs-form .actions > input { display: inline-block; border: 2px solid #fff; font-size: 16px; font-weight: 400; padding: 0 50px; text-align: center; text-decoration: none; cursor: pointer; 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); border-radius: 30px !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; color: #80C342; background: #FFF; line-height: 56px; height: 60px; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }

.btn:hover { background: none repeat scroll 0% 0% transparent !important; color: #FFF !important; box-shadow: none; }

.btn a { display: block; }

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

.btn.btn-large { font-size: 1.125em; border-radius: 80px !important; -webkit-border-radius: 80px !important; -moz-border-radius: 80px !important; width: 400px !important; height: 80px; line-height: 76px; }
@media (max-width: 768px) { .btn.btn-large { width: 300px !important; height: 60px; line-height: 56px; } }

.btn-small { padding: 0 20px; width: auto; line-height: 36px; height: 40px; cursor: pointer; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }

.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; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.btn-tag:hover, .btn-tag.active { color: #fff; background: #80c342 !important; box-shadow: none; }

.btn-dark, .btn-green, .hs-form .actions > input { border: 2px solid #80C342; color: #fff; background: #80C342; box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }

.btn-dark:hover, .btn-green:hover, .hs-form .actions > input:hover { border: 2px solid #80C342; color: #80C342 !important; background: transparent !important; cursor: pointer; box-shadow: none; }

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

.header-button a { display: inline-block; border: 2px solid #80c342; 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); border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; color: #fff; background: #80c342; line-height: 56px; height: 60px; padding: 0 50px !important; height: auto !important; }
.header-button a:hover { background: transparent; color: #80c342; border-color: #80c342; }

.parallaxIMG { position: absolute; top: 0px; width: 100%; text-align: center; background-position: 50% 0%; background-repeat: no-repeat; height: 120%; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); }

#buy .parallaxIMG { background-position: 50% 10%; }

.parallaxIMG.relative { left: auto; top: auto; position: relative; }

iframe { max-width: 100%; }

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

.notification { background: #eee; 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 #eee;
 .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:hover figure { background: #5caa15; }
#navbar .navbar-toggle span { color: #bdbebf; font-weight: 300; }
#navbar .navbar-toggle figure { background: #7fc241; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; 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.125em; height: 0.1875em; background: #fff; 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.125em; height: 0.1875em; background: #fff; 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: 6px; }
#navbar .navbar-toggle figure span.line:after { top: -6px; }
#navbar .navbar-toggle.opened figure { background: #5caa15; }
#navbar .navbar-toggle.opened span { color: #5caa15; }
#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; padding: 20px 8px; margin: 0 15px 0 0; color: #80c342; }
#navbar .navbar-oneQt:before { content: attr(data-icon); position: absolute; top: 15px; left: 0; color: #80c342; font-family: 'Qt Icons'; line-height: 1; font-size: 3.125em; 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-oneQt { color: #80c342 !important; }
.navbar-oneQt:hover { color: #80c342; }

#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-size: 1.125em; font-weight: 300; line-height: 20px; height: 80px; color: #26282a; text-decoration: none; border: 0px solid #80c342; -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: #5caa15; border-bottom: 4px solid #80C342; }

#mainmenu li.current-menu-item a { color: #5caa15; border-bottom: 4px solid #80C342; }

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

.in-page-nav { width: 100%; background: #eee; }
.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: #26282a; padding: 0px 10px; display: inline-block; }
.in-page-nav ul li a:hover { color: #5caa15; }

#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; border-left: 1px solid #eee; padding-top: 14px; box-sizing: border-box; overflow: hidden; min-width: 85px; font-weight: 100; }
#menuextras li a:before { display: inline-block; font-family: 'Qt Icons'; content: attr(data-icon); font-size: 2.125em; width: 100%; color: #80c342; 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:before { color: #5caa15; }
#menuextras .search.open a { color: #006325; }
#menuextras .search a { border-right: 1px solid #eee; }
#menuextras li a span { color: #bdbebf; display: inline-block; overflow: hidden; max-height: 30px; transition: max-height 0.2s ease-in-out; -webkit-transition: max-height 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out; -o-transition: max-height 0.2s ease-in-out; line-height: 1.4; font-size: 0.875em; }

@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: 9px; height: 50px; }
  #navbar.fixed #menuextras li a span, #navbar.shadow_bottom #menuextras li a span { max-height: 0; }
  #navbar.fixed #menuextras li a:before, #navbar.shadow_bottom #menuextras li a:before { font-size: 30px; }
  #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; }
  #navbar.fixed .navbar-oneQt:before { font-size: 35px; top: 7px; }
  #navbar.fixed #mainmenu li.current-menu-item a { border-bottom: 4px solid #80C342; } }
@media (max-width: 1279px) { body, body.cookie-in-view { padding: 0; }
  #navbar { padding: 0; position: relative; }
  #navbar .container { max-width: 100%; }
  #navbar .menuextraslanguages { bottom: 10px !important; margin-bottom: 0; right: 0; }
  #navbar .menuextraslanguages li a { color: #7fc241 !important; }
  #navbar .menuextraslanguages li.active a, #navbar .menuextraslanguages li a:hover { border-color: #7fc241 !important; }
  #navbar .container { padding: 0; }
  #navbar .navbar-toggle { display: block; }
  #navbar .navbar-oneQt, #navbar.fixed .navbar-oneQt, #navbar .navbar-oneQt:hover { margin-left: 0; height: 26px; width: 22px; padding: 7px 20px 7px 15px; }
  #navbar .navbar-oneQt:before { left: 20px; }
  #navbar .navbar-menu { max-height: 0; overflow: hidden; width: 100%; border-top: 1px solid #eee; -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; }
  #mainmenu { float: none; width: 100%; padding: 0; margin: 0; }
  #mainmenu li { float: none; list-style: none; }
  #mainmenu li:nth-child(odd) { background: transparent; /* lightgreen */ }
  #mainmenu li a, #navbar.fixed #mainmenu li a { padding: 10px; border-left: 3px solid #80c342; height: auto; width: 100%; }
  #mainmenu li.current-menu-item a, #navbar.fixed #mainmenu li.current-menu-item a { border-bottom: none; border-left: 3px solid #80c342; padding: 10px; }
  #mainmenu li a:hover { border-bottom: 0; padding: 10px; border-left: 3px solid #80c342; }
  #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; }
  .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 { margin: 0; color: #000; display: inline-block; vertical-align: middle; }

.landing header[role="banner"] { background: #26282a; overflow: hidden; }
.landing header[role="banner"] figure { max-width: 1280px; margin: auto; position: relative; background-size: 100%; height: 30vw; }
@media (max-width: 800px) { .landing header[role="banner"] figure { height: 60vw; } }
@media (max-width: 500px) { .landing header[role="banner"] figure { height: 80vw; } }
.landing header[role="banner"] figure:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #26282a; opacity: 0.4; content: ''; }
.landing header[role="banner"] figure img { max-width: 100%; }
.landing header[role="banner"] figcaption { color: #fff; position: absolute; left: 0px; width: 100%; text-align: center; z-index: 2; }
.landing header[role="banner"] figcaption.top { bottom: 90px; }
.landing header[role="banner"] figcaption.bottom { bottom: 15px; }
.landing header[role="banner"] figcaption h1 { margin: 50px auto 0 auto; max-width: 70%; font-weight: 300; }
.landing header[role="banner"] figcaption h3 { margin-bottom: 40px; }

.cookies_yum { background-color: #d6d6d6; 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: #585a5c; 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: #fff; padding: 2px 4px; border: 2px solid transparent; }
#navbar .menuextraslanguages a:hover, #navbar .menuextraslanguages li.active a { border: 2px solid #fff; color: #fff; }
#navbar .menuextraslanguages li.white a { color: #bdbebf; border: 2px solid transparent; }
#navbar .menuextraslanguages li.white a:hover { border: 2px solid #bdbebf; color: #bdbebf; }
#navbar .menuextraslanguages li.active.white a, #navbar .menuextraslanguages li.active.white a:hover { color: #bdbebf; padding: 2px 4px; border: 2px solid #bdbebf; }

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

#navbar .big_bar { width: 100%; height: 100px; background-color: #80C342; 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: 3.5em; outline: 0 none; width: 70%; line-height: 1.3; 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: 18%; transition-duration: 0.3s; display: block; float: left; position: relative; font-family: 'QT Icons'; font-size: 3.5em; color: #fff; margin: 7px 2% 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; }

.hero_slide > div { width: 80%; margin: 0 auto; }

.hero_slide > div:first-child > div { width: 80%; margin: 0 auto; }

.hero_slide .content { margin-top: 70px; }

.hero_bar { padding-top: 50px; padding-bottom: 18px; }

.hero_bar p { font-size: 0.875em; text-align: center; }

.hero_bar .arrow { bottom: 65px; display: block; margin: 0 auto; position: relative; right: 260px; width: 230px; }

.hero_bar .comment { margin: 0; }

/* SUBPAGE HERO */
.products-main h1 { margin: 0.2em auto; }

.anim-bumps { letter-spacing: -0.31em; }
.anim-bumps figure { letter-spacing: normal; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url(boxsizing.htc); padding: 0 20px; width: 33.33%; display: inline-block; text-align: center; line-height: 0; vertical-align: bottom; }
.anim-bumps img { max-width: 49%; }
@media (max-width: 480px) { .anim-bumps .second-phase.one img, .anim-bumps .second-phase.two img, .anim-bumps .second-phase.three img { max-width: 100%; width: 100%; } }
.anim-bumps .cloud-bg { background: url(../images/large-cloud-stroked.svg) no-repeat 50% 100%; }
@media (max-width: 480px) { .anim-bumps .cloud-bg { background: none; } }
.anim-bumps [class*="cloud--"] { position: absolute; top: 0; }
.anim-bumps [class*="cloud--"] img { width: 300px; height: 150px; max-width: none; }
@media (max-width: 768px) { .anim-bumps [class*="cloud--"] { opacity: 0.2 !important; }
  .anim-bumps [class*="cloud--"] img { width: 150px; height: 75px; max-width: none; } }
.anim-bumps .cloud--left { left: 0; }
.anim-bumps .cloud--right { right: 0; }

.bgimageslide article { text-align: center; }

/*
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: #80c342; color: #fff !important; }

.bg-menugreen { background-color: #80c342; color: #fff !important; }

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

.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; }

.lt-ie8 .cf { zoom: 1; }

.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 { 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.fixed { height: 45%; }

.num-tile { position: relative; }

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

.num-tile h4 small { color: #26282A; display: block; font-size: 0.35em; line-height: 1.2; letter-spacing: 0; margin-top: 0.25em; }

.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: 0.85em; line-height: 1.36; color: #bdbebf; max-width: 80%; }

.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; }

.img-tile .casename { position: absolute; line-height: 1; font-size: 1.71em; color: #fff; margin-bottom: 0; bottom: 20px; left: 20px; }

.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 { /* opacity: 0.3; */ }

a.img-tile:hover .casename { left: 30px; color: #5caa15; }

.col-3.img-tile .casename { font-size: 0.86em; bottom: 10px; left: 10px; }

a.col-3.img-tile:hover .casename { left: 15px; }

.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: #bdbebf; font-size: 0.79em; font-weight: 300; line-height: 1.1; margin-bottom: 1em; }

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

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

.discussion-tile h3 a { color: #5caa15; }

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

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

.nav-tile { background: #fff; text-align: center; padding: 1.8%; margin-bottom: 3.9%; }

.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: 2.28em; 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: #80c342; }

.text-banner .banner-container { background: #80c342; 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: #26282a; }

.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; }

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

.breadcrumbs a, .breadcrumbs .divider, .breadcrumbs div { display: inline-block; }

.breadcrumbs a { color: #8e8e8e; color: rgba(0, 0, 0, 0.56); }

.breadcrumbs a:hover { color: #5caa15; }

.breadcrumbs .divider { width: 6px; margin: 0 0.4em; vertical-align: middle; }

.breadcrumbs .divider img { display: inline-block; }

.landing_quotes figure.text-center { padding: 0 20%; }

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

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

.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 14px; list-style: outside none none; margin: 0; padding: 4px 0 4px 15px; }

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

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

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

.page-nav a { color: #26282a; }

.page-nav a:hover { color: #80c342; }

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

.pricing-chart .row { border-bottom: 1px solid #e1e0e0; padding: 1.15% 1.3% 1%; }

.pricing-chart .row.no-border { border: none; }

.pricing-chart .row .col { text-align: center; padding: 0 0.3%; }

.pricing-chart .row .col:first-child { text-align: left; padding: 0; }

.pricing-chart .row.title .col:first-child { text-align: center; padding: 0 0.3%; }

.pricing-chart h4 { font-size: 1.286em; line-height: 1; font-weight: 400; margin-bottom: 0.72em; }

.pricing-chart p { margin-bottom: 0; display: inline-block; }

.pricing-chart p.no { color: #adacac; }

.pricing-chart p.sub-item { padding-left: 6%; }

.pricing-chart .price p { line-height: 4.146em; height: 4.146em; display: block; font-size: 1.286em; }

.pricing-chart .price p small { font-size: 0.61em; display: block; line-height: 1; margin-bottom: 1.1em; }

.pricing-chart .price p strong { font-size: 1.66em; line-height: 1; display: block; }

.pricing-chart .btn { display: block; margin: 0 auto; }

.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: #eee 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: #26282a; 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: #eee 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: #80c342; color: #fff; font-size: 1.71em; line-height: 44px; }
.text-promotion span { line-height: 54px; }
.text-promotion span.header-promotion { font-size: 25px; font-weight: 300; line-height: 35px; margin-right: 20px; }

.tile-section .nav-tile { margin-bottom: 0; }

.small_selector { width: 60px !important; }

.bold { font-weight: 400; }

/* PRICE CHART FOR DOWNLOAD PAGE */
.price_chart { min-width: 960px; max-width: 1280px; font-size: 14px; line-height: 16px; }

.price_chart .evaluation_bar { width: 50%; }

.price_chart .titles { margin: 0px; }

.price_chart .border_top { border-top: 2px solid #EEE; }

.price_chart .btn { width: 160px; padding: 0 10px; margin: 10px 0; }

.price_chart .group_title > div, .price_chart .titles > div, .price_chart .feature_row > div:first-child, .price_chart .platforms > div:first-child { padding: 15px 10px; }

.price_chart .titles > div, .price_chart .group_title > div, .price_chart .feature_row > div { min-height: 50px; }

.price_chart .titles > div { min-height: 150px; }

.price_chart .titles .mobile { min-height: 226px; }

.price_chart .download-text { text-align: left; font-size: 14px; line-height: 20px; max-width: 80%; }

.price_chart .feature_row .table_w_s { padding-top: 10px; line-height: 24px; }

.price_chart .platforms div { min-height: 100px; }

.price_chart .platforms p { padding: 15px; margin-bottom: 0px; text-align: left; }

.price_chart .group_title div { background-color: #eee; color: #141414; }

.price_chart .group_title .table_w_s { font-size: 12px; line-height: 14px; text-align: center; display: table-cell; vertical-align: middle; }

.price_chart .titles h1 { font-size: 2em; color: #80c342; text-align: center; margin-bottom: 0.25em; }

.price_chart p { font-size: 11px; line-height: 14px; text-align: center; max-width: 100%; }

.price_chart .tool_tip { background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); display: none; margin-top: -50px; min-height: 90px !important; padding: 25px; position: absolute; width: 220px; z-index: 10000; }

.price_chart .tool_tip img { left: -24px; position: absolute; top: 33px; }

.price_chart .tool_tip p { font-size: 14px; line-height: 20px; color: #26282a; margin-bottom: 0px; text-align: left; }

.feature_row:hover { color: #80C342; cursor: pointer; background-color: #F9F9F9; }

.feature_row:hover > .tool_tip { display: block; left: 35%; }

.eval_exception p { font-size: 0.79em; }

.feature_row i.yes, .pricing-chart p.yes { width: 26px; height: 26px; display: block; margin: 0 auto; background-image: url("../images/check-icon.png"); background-size: cover; text-indent: -999em; overflow: hidden; }

.chart_image { display: block; margin: 15px 0 0; width: 90px; }

.feature_row i.no { width: 26px; height: 26px; display: block; margin: 0 auto; background-size: cover; }

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

.table_w_s { width: 16.666%; }

.table_w_l { width: 33.333%; }

.table_w_f { width: 100%; }

.feature_row .checkbox { padding: 10px 0 !important; }

.buy_selection input[type="checkbox"]:checked + label span { background: url("../images/checkbox.png") left bottom no-repeat; }

.buy_selection img { width: 40px; height: 40px; }

.buy_selection > div { background-color: #80C342; border-radius: 4px; }

.buy_selection div div * { color: white; font-weight: 400; }

.buy_selection .desktop_options, .buy_selection .mobile_options { padding: 20px; margin-bottom: 10px; overflow: hidden; }

.buy_selection .desktop_options p, .buy_selection .mobile_options p { color: white; font-weight: bolder; line-height: 1em; margin-bottom: 0; margin-top: 10px; padding-left: 10px; float: left; }

.buy_selection input[type="checkbox"] { display: none; }

.buy_selection input[type="checkbox"] + label span { cursor: pointer; display: inline-block; height: 40px; width: 40px; background: url("../images/checkbox.png") left top no-repeat; }

.buy_selection input[type="checkbox"] + label span:hover { background: url("../images/checkbox.png") right top no-repeat; }

.buy_selection input[type="checkbox"]:checked + label span { background: url("../images/checkbox.png") left bottom no-repeat; }

.buy_selection input[type="checkbox"]:checked + label span:hover { background: url("../images/checkbox.png") right bottom no-repeat; }

.buy_selection .row { margin: 5px; min-height: 50px; }

.buy_selection input[type="radio"]:checked + label span { background: url("../images/checkbox.png") left bottom no-repeat; }

.buy_selection input[type="radio"] { display: none; }

.buy_selection input[type="radio"] + label span { cursor: pointer; display: inline-block; height: 40px; width: 40px; background: url("../images/checkbox.png") left top no-repeat; }

.buy_selection input[type="radio"] + label span:hover { background: url("../images/checkbox.png") right top no-repeat; }

.buy_selection input[type="radio"]:checked + label span { background: url("../images/checkbox.png") left bottom no-repeat; }

.buy_selection input[type="radio"]:checked + label span:hover { background: url("../images/checkbox.png") right bottom no-repeat; }

/* 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: #26282a; }

.hs-form .hs-field-desc { color: #bdbebf; 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: auto !important; }

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

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

/*END*/
ul { list-style-type: disc; margin-left: 16px; }

.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%; }

.titles { margin-bottom: 35px; }

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

.titles .bottom_part { min-height: 40px; }

.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; }

.landing_small_details, .landing_small_details { padding-top: 10px; }
.landing_small_details .narrow.text-center, .landing_small_details .narrow.text-center { font-size: 0.75em; }

.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: unset; }

.hero_arrow { bottom: 40px; display: block; margin: 0 auto; overflow: unset; 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; }

.vanish_medium { display: auto; }

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

#supportedPlatforms { margin-bottom: 50px; }

#supportedPlatforms td { padding: 10px; }

.side_scroller { overflow-x: auto; }

/** WP SEARCH STYLE **/
.search-everything-highlight-color { background-color: #eee !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; }

/** Fix for Indie Mobile landing page **/
.badge h1 { max-width: 100%; }

.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: #eee; 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 #d6d6d6; 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; }

.large-bg-img { background-repeat: no-repeat; background-position: 50% 0px; min-height: 40vw; position: relative; overflow: hidden; }

.landing { overflow-x: hidden; height: 100%; }

.crosslined { position: relative; margin-top: 70px; }
.crosslined:after { width: 100%; height: 4px; background: #fff; position: absolute; top: 55px; left: 0; content: ''; z-index: -1; }

.crosslined > div { margin: 0 auto; max-width: 1280px; }

@media (max-width: 640px) { .bottomed-content .col { width: 100%; margin-left: 0; }
  .bottomed-content .col ul { margin: 0; }
  .bottomed-content .col ul li { margin-right: 10px; clear: right; }
  .bottomed-content .col:last-child ul { margin-bottom: 30px; } }

.dk-bg { background-color: #26282a; }

.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-example .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: #80c342; padding-bottom: 50px; }
.owl-carousel .owl-item .dark-gray-bg { background: #26282a; 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; } }

.slider-next-slide:hover > span:after, .slider-next-slide:hover > span:before { background-color: #fff; }

.slider-next-slide { width: 100px; position: absolute; right: 30px; top: 40%; bottom: 50%; display: block; cursor: pointer; z-index: 20; transition: right 0.2s ease-in-out; -webkit-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; -ms-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; }
@media (max-width: 580px) { .slider-next-slide { display: none; } }
.slider-next-slide span { position: absolute; top: 35px; width: 100%; height: 2px; background: transparent; display: block; transition: width 0.2s ease-in-out; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; }
.slider-next-slide span:before:hover { background: #fff; }
.slider-next-slide span:after { height: 2px; width: 75px; position: absolute; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.4); content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform-origin: right 0; -webkit-transform-origin: right 0; -moz-transform-origin: right 0; -ms-transform-origin: right 0; -o-transform-origin: right 0; }
.slider-next-slide span:before { height: 2px; width: 75px; position: absolute; top: 0; right: 0; background: rgba(255, 255, 255, 0.4); content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform-origin: right 0; -webkit-transform-origin: right 0; -moz-transform-origin: right 0; -ms-transform-origin: right 0; -o-transform-origin: right 0; }
.slider-next-slide:hover { right: 10px; }

.slider-prev-slide { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transition: left 0.2s ease-in-out; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -ms-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; width: 55px; position: absolute; left: 30px; top: 40%; bottom: 50%; display: block; cursor: pointer; z-index: 20; }
@media (max-width: 580px) { .slider-prev-slide { display: none; } }
.slider-prev-slide span { position: absolute; top: 35px; width: 100%; height: 2px; right: 0; background: transparent; display: block; }
.slider-prev-slide span:after { height: 2px; width: 75px; position: absolute; top: 0; right: 0; background: #fff; content: ''; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform-origin: right 0; -webkit-transform-origin: right 0; -moz-transform-origin: right 0; -ms-transform-origin: right 0; -o-transform-origin: right 0; }
.slider-prev-slide span:before { height: 2px; width: 75px; position: absolute; bottom: 0; right: 0; background: #fff; content: ''; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform-origin: right 0; -webkit-transform-origin: right 0; -moz-transform-origin: right 0; -ms-transform-origin: right 0; -o-transform-origin: right 0; }
.slider-prev-slide:hover { left: 10px; }

.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: #5d5b59; 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: #eeeeee; 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; }

.badge { position: absolute; right: 0; top: 0px; background: #80c342; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }
@media (max-width: 640px) { .badge { position: relative; display: inline-block; } }
.badge h1 { color: #fff; margin: 0; width: 150px; height: 150px; line-height: 0.4; padding-top: 50px; font-size: 3.125em !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; *behavior: url(boxsizing.htc); }
.badge span { font-size: 0.4em !important; }

#footerbar { background: #26282a; color: #fff; }

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

#footerbar .footer-main .footer-nav { display: inline; float: left; }

#footerbar .footer-main .footer-nav li { float: left; margin-right: 1em; }

#footerbar .footer-main .footer-nav li a { display: block; padding: 31px 10px 15px 0; line-height: 20px; height: 20px; color: #d6d6d6; }

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

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

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

#footerbar .footer-main .footer-nav .sub-menu ul { padding: 1px 1em; font-size: 0.786em; line-height: 8px; float: none; color: #5d5b59; margin-bottom: 0; }

#footerbar .footer-main .footer-nav .sub-menu li a { padding: 1px 0; font-size: 0.786em; line-height: 8px; float: none; color: #d6d6d6; }

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

#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: #d6d6d6;
} **/ }
#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 .footer-main .footer-social { display: inline; float: right; padding-top: 31px; }

#footerbar .footer-main .footer-social > div { margin-left: 0.1em; margin-bottom: 10px; }

#footerbar .disclaimer { /* background: #000000; */ font-size: 0.786em; line-height: 2.73; color: #868584; padding-top: 20px; padding-bottom: 0.5%; }

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

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

#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); }

#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: inline; float: right; margin: 29px 0 28px 30px; }

/*** 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 (max-width: 640px) { .page-template-template-landingpage-php .col-6 { width: 100% !important; margin-left: 0 !important; } }

@media screen and (max-width: 1120px) { .nav-tile ul li { list-style-type: none; }
  .vanish_medium { display: none !important; }
  #footerbar li { list-style-type: none; }
  .visible_medium { display: auto !important; }
  body { padding: 0; }
  .infoslide .col { float: none; clear: both; display: block; margin: 0 auto 3.9%; width: 80%; text-align: left; }
  .infoslide .row .col:first-child { margin-left: auto; }
  .infoslide .num-tile { width: 80%; text-align: left; clear: none; margin-left: 0; min-height: 150px; margin: auto; }
  .infoslide.extrainfo .col { width: 50%; padding: 0 10px; 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 .btn { display: block; float: none; margin: 15px 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 .container { padding: 0; }
  #footerbar .footer-main .footer-nav { padding: 3.9% 0 3.9% 3%; border-bottom: 1px solid #413d3b; 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; }
  .hero_slide .col { text-align: center; }
  .bgtext col { margin-top: 500px; }
  .price_chart p { font-size: 11px; line-height: 14px; max-width: 100%; }
  p.no-margin { margin: 0; }
  p.left { text-align: left; }
  p.right { text-align: right; }
  ul.menuextraslanguages { margin-bottom: 0; } }
@media (max-width: 1195px) { .hubspot_content_left .hs-form .actions > input { margin-left: 30px; }
  #navbar .navbar-oneQt:before { left: 15px; }
  .price_chart .titles h1 { font-size: 1.6em; }
  .price_chart .btn { width: 140px; padding: 0px 6px; margin: 10px 0px; }
  .theqtcompany { background: url("../images/theqtcompany20y.png") no-repeat; background-size: 100%; width: 215px; height: 68px; display: inline; float: left; margin: 30px 0 28px 3%; }
  #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; }
  .btn { padding: 0 25px; } }
@media (max-width: 860px) { .slider-next-slide span:before, .slider-next-slide span:after { width: 40px; }
  .hs_form_info { width: 100% !important; margin-top: 50px !important; }
  #navbar .navbar-oneQt:before { top: 6px; font-size: 42px; }
  #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; }
  #navbar .big_bar input.big_bar_search { font-size: 3em; }
  #navbar input.big_bar_button { margin-top: 3px !important; }
  h1, h1.small { font-size: 2.25em; letter-spacing: -1px; line-height: 1.25; margin-bottom: 40px; }
  h2, 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%; } }
@media screen and (max-width: 767px) { .arrow, .vanish_medium, #footerbar .footer-main .footer-nav .sub-menu { display: none; }
  .devices_list ul li, .in-page-nav ul li, .page-nav ul li { display: block; }
  .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; }
  .visible_medium { display: auto; }
  .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 li { float: none; display: block; margin-bottom: 0.4em; }
  #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 { padding: 0.1em 0; 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; bottom: 10px; left: 10px; }
  .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: 50%; padding: 0 1%; margin: 0 0 1% 0; }
  .pricing-chart .row { display: none; padding: 0; font-size: 0.9em; margin-bottom: 1em; }
  .pricing-chart .row.title, .pricing-chart .row.price { display: block; border: none; }
  .pricing-chart h4 { font-size: 1.1em; line-height: 1.2; min-height: 2.4em; }
  .pricing-chart .btn { font-size: 11px; }
  .pricing-chart .price p { font-size: 1em; }
  .pricing-chart .row .col { width: 33%; margin: 0; }
  .pricing-chart .row .col:first-child { margin: 0 !important; padding: 0; }
  .pricing-chart .row.price .col:first-child { display: none; }
  .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; }
  .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%; } }
@media screen and (max-width: 479px) { .cookies_yum img { display: none; }
  .cookies_yum p { padding-left: 10px; }
  .hero_bar p { margin-top: 0; }
  #footerbar .footer-main .footer-nav li { display: block; text-align: center !important; }
  .vanish_small, #footerbar .footer-main .footer-nav .sub-menu { display: none; }
  .buy_selection .desktop_options, .buy_selection .mobile_options { padding: 5px; }
  .arrow, .vanish_medium { 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; }
  #navbar .navbar-oneQt { margin-right: 0; }
  #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 { font-size: 1.2em; }
  .text-promotion .btn { margin-top: 5px; }
  .products-main .imageslide.fixed { height: 55%; }
  .products-main h1 { margin: 0.3em auto 0.5em; }
  .platformslide h2 { 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: 2em !important; }
  #navbar input.big_bar_button { font-size: 37px; }
  .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; }

.black-opaque { position: relative; }
.black-opaque:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #26282a; opacity: 0.3; content: ''; z-index: 1; }
.black-opaque.black-opaque--darker:after { opacity: 0.75; }
.black-opaque section { position: relative; z-index: 2; }

.dotted-outline { overflow: visible; position: relative; padding-left: 0; padding-right: 0; }
.dotted-outline:before, .dotted-outline:after { position: absolute; width: 100%; height: 0px; content: ''; border-top: 3px dashed #fff; top: 398px; }
.dotted-outline:before { left: -100%; }
.dotted-outline:after { right: -100%; }

/* ----------------------------------------------------------
	QT NEWS & QT EVENTS
---------------------------------------------------------- */
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); }
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 #EEEEEE; }
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: #EEEEEE; 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 #EEEEEE; }

/* 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; } }
body.search .imageslide { background-image: url(../images/headerbg_qtnews.jpg); }

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

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