@charset "UTF-8";
/*
  qpointsurvey.com - the legacy res/css/framework.css on Bootstrap 5 (vendor/libs/bootstrap). The blog's styles are in
  blog.css (the legacy blog.less, compiled).
*/
*,html { margin:0;padding:0; }
body  { position: relative; font-family:'Raleway', sans-serif; color:#575F6F }

a	    { border:0; text-decoration:none;color:#91e248;outline: none; }
a:focus,
a:hover { text-decoration:underline; color:#68ae29; }
img     { border:0; display: block; }
a > img { outline: none; }
textarea { font-family:'Raleway', sans-serif; }

/* ===== Bootstrap 3 -> 5 =====
   The legacy site was styled on Bootstrap 3's defaults: 14px text, its headings and paragraphs, 30px gutters and its
   container widths (750 / 970 / 1170). The views use Bootstrap 5 classes with the breakpoints moved up one step to
   keep Bootstrap 3's (BS3 xs < 768 = BS5 below md, sm = md, md = lg, lg = xl). */
body { font-size:14px; line-height:1.42857143; background-color:#fff; }
h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:500; line-height:1.1; }
h1, h2, h3 { margin-top:20px; margin-bottom:10px; }
h4, h5, h6 { margin-top:10px; margin-bottom:10px; }
h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:24px; } h4 { font-size:18px; } h5 { font-size:14px; } h6 { font-size:12px; }
p { margin:0 0 10px; }
label { font-weight:700; }
.container, .container-fluid, .row { --bs-gutter-x:30px; }
@media (min-width: 576px) and (max-width: 767.98px) { .container { max-width:none; } }
@media (min-width: 768px) { .container { max-width:750px; } }
@media (min-width: 992px) { .container { max-width:970px; } }
@media (min-width: 1200px) { .container { max-width:1170px; } }

/* Vue: the raw template is not shown before the app mounts (src/js/app.ts) */
[v-cloak] { display:none !important; }

h1, h2, h3, h4 { color:#575F6F; }

ul, ol { padding:0;margin:0; }

/*iframe { border: 1px solid #E0E0E0; }*/

header { position: relative; margin-top: 50px; }
header.large { width:100%; padding:200px 0 80px 0; margin-top:50px; background-color:#F7F8FA; min-height:680px; background-image: url('../img/header-image.png?v=2'); background-repeat:no-repeat; background-position: top center; }
header.large > div { width: 100%; max-width: 1170px; margin: 0 auto; }
header.large > div:after { clear:both; }
header.large .image { z-index:1; }
header.large .image img { width:100%;max-width:750px; }
header.large .title	{ text-align:left; z-index:15; }
header.large .title .desc:before { float: left;font-size:28px;font-weight: bold; line-height:50px; margin-right:15px; content: '\f054'; font-family: FontAwesome; color: #91E248; }
header.large .title h1, header .title h2, header .title h3	{ color:#575F6F;font-weight:normal;margin:0;padding:0; }
header.large .title h1	{ display:inline-block; font-size:45px; font-weight:900; width:auto; margin:15px 0 30px 0;}
header.large .title h1:after { display:block;content:''; width:80%;margin-top:10px;border-bottom:5px solid #91E248; }
header.large .title h1 span { display:inline-block; }
header.large .title h2	{ font-size:20px;font-weight:normal; }
header.large .title h3	{ font-size:25px;font-weight:bold; }

header.small .background-triangle { position:absolute; top:0; left:0; right:0; height:200px; max-width:100%; overflow:hidden; z-index:-1; }
header.small .background-triangle:after { position:absolute; content:''; width: 0; height: 0; border-style: solid; border-width: 0 2000px 150px 0; border-color: transparent #F7F8FA transparent transparent; }
header.small .container { position:relative;z-index:10; padding-top:70px; padding-bottom:40px; }
header.small h1 { font-size:50px;font-weight:900; }
header.small h2 { font-size:25px; margin:0; font-weight:normal; }
header.small .image { width:100%; max-width:642px; margin:20px auto 0 auto; }
header.small .image img { width:100%; }

#topMainMenu .navbar { background-color:#2B3646;border: none; padding:0; min-height:50px; }
#topMainMenu .navbar-nav li .top_menu_item,
#topMainMenu .navbar-nav li .top_mobile_menu_item { display:block; padding-top:15px; padding-bottom:15px; }
#topMainMenu .navbar .navbar-collapse { border:none; }
#topMainMenu .navbar-brand { padding: 10px 15px; margin:0; height:50px; }
#topMainMenu .nav.navbar-nav.navbar-right { margin-right:0; }
#topMainMenu .navbar-nav li {position:relative; background-color:transparent; }
#topMainMenu .nav.navbar-nav.mobile { background-color: #2B3646; text-align:center; margin: 0 -15px; }
#topMainMenu .nav.navbar-nav.mobile li a { padding: 12px 20px; }
#topMainMenu .navbar-nav li .top_menu_item,
#topMainMenu .navbar-nav li .top_menu_item:focus { position:relative; padding-left:18px;padding-right:18px; line-height:25px; color:#738299; background-color:transparent; transition: all 0.4s; }
#topMainMenu .navbar-nav li .top_menu_item.active { color:#9ef154; }
#topMainMenu .navbar-nav li .top_menu_item:hover { color:#fff;background-color:transparent; }
#topMainMenu .navbar-nav li .top_mobile_menu_item { color:#738299; background-color:transparent; transition: all 0.4s; font-size:1.2em; }
#topMainMenu .navbar-nav li .top_mobile_menu_item.active { color:#91E248; border-right:10px solid #91E248; border-left:10px solid #91E248; background-color: #1E2836; }
#topMainMenu .navbar-nav li .top_mobile_menu_item:hover { color:#fff; }
#topMainMenu .navbar .navbar-toggler { margin:8px 0; padding:9px 10px; border:1px solid transparent; border-radius:4px; }
#topMainMenu .navbar .navbar-toggler:focus { box-shadow:none; }
#topMainMenu .navbar .navbar-toggler .icon-bar { display:block; width:22px; height:2px; border-radius:1px; background-color: #fff; }
#topMainMenu .navbar .navbar-toggler .icon-bar + .icon-bar { margin-top:4px; }
#topMainMenu .login { margin-left:20px; }
#topMainMenu .login a { display:block; background-color:#738299;color:#fff;line-height:35px;padding:0px 15px;margin:0; margin-top:10px; border-radius:3px; transition:all 0.2s; }
#topMainMenu .login a:hover { color:#fff;background-color:#9ef154; }

.content h1 { font-size:42px;text-align:center;font-weight: bold; }
.content h2 { font-size:24px;text-align:center;font-weight: bold; }
.content h3 { font-size:14px;font-style:italic;text-align:center; }
.content .desc { color:#aab1bc;font-size:14px; }
.content .req { color:#f7126e; }
.content a.readmore { display:block;font-size:12px;font-weight:bold;margin-top:15px;padding-left:25px;line-height:17px;background:url(../img/icon_readmore.png) 0 -17px no-repeat;color:#aab1bc; }
.content a.readmore:hover { color:#000;text-decoration:none;background-position:0 0; }

.content input[type=text],.content input[type=email], .content input[type=password] { border:1px solid #eeeff2;font-size:15px;padding:10px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.content textarea { border:1px solid #eeeff2;font-size:15px;padding:10px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize: none; }
.content select { border:1px solid #eeeff2;font-size:15px;padding:10px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.content label { display:block; margin:15px 0 5px 0 }
.content ol  { margin:20px; padding-left:10px; }
.content ol li { margin-bottom:10px; }

.content .example { padding:50px 0; }
.content .example h2 { text-align:center; text-transform:uppercase; }
.content .example .desc { margin-bottom:40px;line-height:25px; }

.content .example-details { padding:50px 0; }
.content .example-details h2 { text-align:left; }
.content .example-details .details { display:inline-block;width:530px;vertical-align:top; }
.content .example-details .image { display:inline-block;width:445px; }
.content .example-details .image img { width:380px; }

.content .box-3 { text-align:center; }
.content .box-3 ul { margin-bottom:40px; list-style:none;text-align:left; }
.content .box-3 li { display:inline-block;width:260px;margin-top:40px;padding:0 30px;vertical-align:top; }
.content .box-3 li h2 { margin-bottom:15px; }
.content .box-3 li img { margin:0 auto; }

.content .register-form { border:1px solid #eeeff2; background-color:#f7f8fa; text-align:left; }
.content .register-form label { font-size:14px; }
.content .register-form select { width:100%; }
.content .register-form input[type=text], .register-form input[type=email], .register-form input[type=password] { width:100%; font-size:14px; padding:6px 8px; }
.content .register-form input[type=submit] { border:none; }
.content .register-form textarea { width:100%; height: 150px; }

.content .captcha {width: 300px; margin: 30px auto 0 auto;}
.content .captcha iframe {border: none;}

.content .validate { color: red; }

.landing-main-features { margin:60px auto 0 auto; }
.landing-main-features .item-text { margin-bottom:60px; }
.landing-main-features h3 { text-align:left;margin-top: 0; font-size:24px; font-weight:bold; color:#575F6F; }
.landing-main-features img { width:100%; max-width:90px; margin:0 auto; margin-bottom:20px; }


.lnd-browser-container { position:relative; background-color:#2b3646; padding:60px 0; }
.lnd-browser-container:after { display:block; position: absolute;bottom:-12px; content: ''; width: 100%; height:12px; background-image: url('../img/lnd-triangle.png'); background-size:24px auto; }
.lnd-browser-container .lnd-title { font-weight:bold; margin-top:0; margin-bottom:60px; text-align:center;font-size:40px;color:#fff; }
.lnd-browser-container .lnd-title .green { color:#90e248; }
.lnd-browser-container .lnd-browser { max-width:1200px;margin:0 auto;-webkit-box-shadow: 0px 0px 60px 20px rgba(15,23,36,1); -moz-box-shadow: 0px 0px 60px 20px rgba(15,23,36,1);box-shadow: 0px 0px 60px 20px rgba(15,23,36,1);}
.lnd-browser-container .lnd-browser ul.tabs { position:relative; list-style: none; width: 100%;overflow: hidden;background-color: #E0E3E9; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; }
.lnd-browser-container .lnd-browser ul.tabs li.tab { display:inline-block; text-align:center; }
.lnd-browser-container .lnd-browser ul.tabs li.tab button { display:block; border:0; background:transparent; padding:15px 20px; font-size:12px;font-weight:bold;text-transform:uppercase;text-decoration:none;color:#575F6F;  }
.lnd-browser-container .lnd-browser ul.tabs li.tab.active button,
.lnd-browser-container .lnd-browser ul.tabs li.tab:hover button { background-color:#F7F8FA; color:#2B3646; }
.lnd-browser-container .lnd-browser ul.tabs li.circles { position:absolute; top:50%; display:block; right:10px; transform:translateY(-50%); }
.lnd-browser-container .lnd-browser ul.tabs li.circles span { height:10px;width:10px; display:inline-block;border:1px solid transparent;background-color:#BCC1CC; margin:0 5px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.lnd-browser-container .lnd-browser .bar { background-color:#F7F8FA; padding:15px 20px; }
.lnd-browser-container .lnd-browser .bar:after { clear:both; }
.lnd-browser-container .lnd-browser .bar > div { display:inline-block; }
.lnd-browser-container .lnd-browser .bar .refresh { vertical-align: middle; margin-right:20px; }
.lnd-browser-container .lnd-browser .bar .refresh a { display:inline-block; width:25px;height:25px; vertical-align: middle;background-image: url('../img/lnd-browser-sprite.png'); }
.lnd-browser-container .lnd-browser .bar .refresh a:hover { background-position:0 -25px; }
.lnd-browser-container .lnd-browser .bar .address { padding:5px 10px; background-color:#fff; width:88%; }
.lnd-browser-container .lnd-browser .bar .address span { font-size:14px; color:#95989A;  }
.lnd-browser-container .lnd-browser .bar .expand { float: right; margin-top: 2px; }
.lnd-browser-container .lnd-browser .bar .expand a { display:inline-block; width:25px;height:25px; vertical-align: middle;background-image: url('../img/lnd-browser-sprite.png'); background-position:-25px 0px; }
.lnd-browser-container .lnd-browser .bar .expand a:hover { background-position:-25px -25px; }
.lnd-browser-container .lnd-browser .lnd-content { background-color:#F7F8FA; border:4px solid #F7F8FA;border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; }
.lnd-browser-container .lnd-browser .lnd-content .form-example { display:none; }
.lnd-browser-container .lnd-browser .lnd-content iframe { min-height:300px;display:block }

.button:focus,
.button	{ display:inline-block;color:#fff;font-weight:bold; text-decoration:none; -webkit-box-shadow:0px 2px #68ae29;-moz-box-shadow:0px 2px #68ae29;box-shadow:0px 2px #68ae29;background-color:#91e248;cursor:pointer; transition: all 0.2s; }
.button:hover { background-color:#9ef154;text-decoration:none;color:#fff;}
.button:active { -webkit-box-shadow:0px -2px #68ae29;-moz-box-shadow:0px -2px #68ae29;box-shadow:0px -2px #68ae29; }
.button.big { font-size:18px;height:50px;line-height:52px;padding:0 50px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.button.medium	{ font-size:14px;height:35px;line-height:37px;padding:0 30px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
.button.small	{ font-size:11px;height:25px;line-height:27px;padding:0 15px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }


.button.white { border:1px solid #91E248;background-color:#fff;color:#575F6F;box-shadow:none; }
.button.white.medium { line-height:35px; }
.button.white:hover { background-color:#91E248;color:#fff; }

/* PAGE SPECIFIC */
.tour { position:relative; overflow:hidden; }
.tour .item { opacity:0; text-align:right; padding-top:70px; padding-bottom:70px; border-bottom:1px dashed #E0E3E9; }
.tour .item.visible { opacity:1; }
.tour .item:nth-child(even) { text-align:left; }
.tour .item h2 { font-size:3.6em; font-weight:900; }
.tour .item p { font-size:25px; }
.tour .item .image { }
.tour .item .image img { width:100%;  }

.examples .item {text-align:center;max-width:500px;margin:0 auto; padding-top:40px; padding-bottom:40px; border-bottom:1px dashed #E0E3E9;}
.examples .item h2 { font-size:35px; font-weight:900; }
.examples .item p { font-size:15px; }
.examples .item .image { }
.examples .item .image img { width:100%;max-width:75px;margin:0 auto;  }
.examples .item .button { margin-left:4px; margin-right:4px; }
.examples-top-menu { background-color:#F7F8FA;text-align:center; position:fixed;z-index:40;top:50px;left:0;right:0; }
.examples-top-menu.menu-fixed {  }
.examples-top-menu ul { list-style:none; }
.examples-top-menu ul li { display:inline-block;  }
.examples-top-menu ul li a {display:inline-block; font-size:12px;font-weight:bold;color:#AAB1BC;line-height:60px;padding-left:10px;padding-right:10px; }
.examples-top-menu ul li a.ico:before { content:''; display:inline-block; width:40px;height:40px; margin-top: -2px;margin-right:8px; background-image: url('../img/examples_menu_sprite.png'); vertical-align:middle; }
.examples-top-menu ul li a.ico-1:before { background-position:0 0; }
.examples-top-menu ul li a.ico-1.active:before,
.examples-top-menu ul li a.ico-1:hover:before { background-position:0 -40px; }
.examples-top-menu ul li a.ico-2:before { background-position:-40px 0; }
.examples-top-menu ul li a.ico-2.active:before,
.examples-top-menu ul li a.ico-2:hover:before { background-position:-40px -40px; }
.examples-top-menu ul li a.ico-3:before { background-position:-80px 0; }
.examples-top-menu ul li a.ico-3.active:before,
.examples-top-menu ul li a.ico-3:hover:before { background-position:-80px -40px; }
.examples-top-menu ul li a.ico-4:before { background-position:-120px 0; }
.examples-top-menu ul li a.ico-4.active:before,
.examples-top-menu ul li a.ico-4:hover:before { background-position:-120px -40px; }
.examples-top-menu ul li a.ico-5:before { background-position:-160px 0; }
.examples-top-menu ul li a.ico-5.active:before,
.examples-top-menu ul li a.ico-5:hover:before { background-position:-160px -40px; }
.examples-top-menu ul li a:focus,
.examples-top-menu ul li a.active,
.examples-top-menu ul li a:hover { color:#575F6F;text-decoration:none; }

/* ===== PRICING PAGE ===== */
.pricing { padding:20px 0 50px; }
.pricing .pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0 24px; align-items:start; max-width:1020px; margin:0 auto; }
.pricing .price-card { background:#fff; border:1px solid #e8eaef; border-radius:12px; position:relative; display:flex; flex-direction:column; transition:box-shadow 0.2s ease,transform 0.2s ease; }
.pricing .price-card:hover { box-shadow:0 8px 28px rgba(43,54,70,0.1); transform:translateY(-2px); }
.pricing .price-card--featured { background:#2B3646; border-color:#2B3646; box-shadow:0 16px 48px rgba(43,54,70,0.22); transform:translateY(-10px); z-index:2; }
.pricing .price-card--featured:hover { box-shadow:0 20px 56px rgba(43,54,70,0.3); transform:translateY(-14px); }
.pricing .price-card__badge { position:absolute; top:-13px; left:50%; transform:translateX(-50%); background:#91E248; color:#1c2d0f; font-size:11px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; padding:4px 16px; border-radius:20px; white-space:nowrap; }
.pricing .price-card__header { padding:32px 28px 20px; border-bottom:1px solid #e8eaef; }
.pricing .price-card--featured .price-card__header { border-bottom-color:rgba(255,255,255,0.1); }
.pricing .price-card__plan-name { font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:#91E248; margin-bottom:5px; }
.pricing .price-card__tagline { font-size:14px; color:#8a93a0; margin-bottom:20px; line-height:1.45; }
.pricing .price-card--featured .price-card__tagline { color:rgba(255,255,255,0.52); }
.pricing .price-card__price-row { line-height:1; margin-bottom:4px; }
.pricing .price-card__amount { font-size:46px; font-weight:900; color:#2B3646; letter-spacing:-0.02em; }
.pricing .price-card--featured .price-card__amount { color:#fff; }
.pricing .price-card__billing { font-size:12px; color:#b0b8c4; margin-bottom:16px; }
.pricing .price-card--featured .price-card__billing { color:rgba(255,255,255,0.38); }
.pricing .price-card__stats { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }
.pricing .price-stat { display:inline-block; font-size:11px; font-weight:600; color:#575F6F; background:#F7F8FA; border:1px solid #e8eaef; border-radius:6px; padding:4px 9px; line-height:1.4; }
.pricing .price-card--featured .price-stat { color:rgba(255,255,255,0.82); background:rgba(255,255,255,0.08); border-color:rgba(255,255,255,0.12); }
.pricing .price-card__team-badge { display:flex; align-items:center; gap:8px; margin-top:12px; padding:9px 12px; background:#ecf6df; border:1px solid #bfe088; border-radius:8px; font-size:13px; font-weight:600; color:#3a680f; line-height:1.3; }
.pricing .price-card__team-badge svg { flex-shrink:0; color:#5a9e20; }
.pricing .price-card__features { padding:22px 28px; flex:1; }
.pricing .price-card__delta-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.07em; color:#c0c7d0; margin-bottom:12px; }
.pricing .price-card--featured .price-card__delta-label { color:rgba(255,255,255,0.32); }
.pricing .price-card__features ul { list-style:none; padding:0; margin:0; }
.pricing .price-card__features ul li { display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#575F6F; padding:8px 0; border-bottom:1px solid #f0f1f5; line-height:1.4; }
.pricing .price-card__features ul li:last-child { border-bottom:none; }
.pricing .price-card--featured .price-card__features ul li { color:rgba(255,255,255,0.76); border-bottom-color:rgba(255,255,255,0.07); }
.pricing .price-card__features ul li::before { content:''; display:block; min-width:16px; height:16px; margin-top:2px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2391E248' fill-opacity='0.15'/%3E%3Cpath d='M5 8.4l2.1 2.1 3.9-4.5' stroke='%2368ae29' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E"); background-size:contain; background-repeat:no-repeat; }
.pricing .price-card--featured .price-card__features ul li::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='7' fill='%2391E248' fill-opacity='0.22'/%3E%3Cpath d='M5 8.4l2.1 2.1 3.9-4.5' stroke='%2391E248' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C%2Fsvg%3E"); }
.pricing .price-card__cta { padding:4px 28px 28px; }
.pricing .btn-pricing { display:block; width:100%; text-align:center; padding:13px 20px; border-radius:8px; font-size:14px; font-weight:700; letter-spacing:0.03em; text-decoration:none; transition:all 0.18s ease; cursor:pointer; background:transparent; border:2px solid #91E248; color:#5a9a22; box-sizing:border-box; }
.pricing .btn-pricing:hover { background:#91E248; color:#1c2d0f; text-decoration:none; }
.pricing .btn-pricing--featured { background:#91E248; border-color:#91E248; color:#1c2d0f; }
.pricing .btn-pricing--featured:hover { background:#a5ed57; border-color:#a5ed57; text-decoration:none; box-shadow:0 4px 14px rgba(145,226,72,0.4); }
.pricing-footer { text-align:center; color:#7a8494; padding-bottom:60px; }
.pricing-footer p { margin:0 0 14px; font-size:14px; line-height:1.7; }

.help .introduction { font-size:16px; margin:0 auto 50px auto; max-width:800px;text-align:center; }
.help .help-list {  }
.help .help-list .category { position:relative; margin-bottom:15px; }
.help .help-list .category:before { content:''; position: absolute; top:6px; left: -85px; width: 70px; height: 60px; background-image: url('../img/help_icons.png'); }
.help .help-list .category.build:before { background-position:0 0; }
.help .help-list .category.design:before { background-position:-70px 0; }
.help .help-list .category.collect:before { background-position:-140px 0; }
.help .help-list .category.analyze:before { background-position:-210px 0; }
.help .help-list .category.users:before { background-position:-280px 0; }
.help .help-list .category.account:before { background-position:-350px 0; }
.help .help-list .category .head a { font-weight:bold; font-size:20px; }
.help .help-list .category .desc { margin-top:5px; font-size:15px; }
.help .help-list ul.articles {  border-bottom:1px dashed #e0e3e9; padding-bottom:18px; margin-bottom:20px; }
.help .help-list ul.articles a { position:relative; padding-left:15px; }
.help .help-list ul.articles a:before { position:absolute; content:'\2022'; top:-8px; left:0; font-weight:bold; font-size:24px; color:#97e352; }
.help .help-list ul.articles { list-style:none; text-align:left; }
.help .help-list ul.articles li { padding:6px 0 }
.help .help-list a { font-weight:bold; font-size:16px; color:#575F6F; }

footer { padding-top:25px; padding-bottom: 20px;background-color:#fff;color:#B6BCC6;font-size:11px;clear:both; }
footer a { color:#B6BCC6;font-size:12px; }
footer a:hover { text-decoration:none; }
footer .menu { text-align:center;color:#B6BCC6;padding-bottom:10px; }
footer .menu ul { list-style:none; }
footer .menu li { display:inline-block;margin:0 6px 6px 6px; }
footer .menu a { display:block;font-size:13px; font-weight:bold;  }
footer .menu a:hover { color:#91e248;text-decoration:underline; }
footer .tryButtonDesktopContainer {  }
footer .footer-social-shares { margin-bottom:30px; }
footer .footer-social-shares a { display:inline-block; border-radius: 150px; margin-right:6px; font-size: 12px; line-height: 28px; height: 30px; width: 30px; text-align: center; color:#fff; transition:all 0.3s ease-in-out; }
footer .footer-social-shares a .fa { vertical-align:middle; }
footer .footer-social-shares a.twitter { background-color:#00aced; }
footer .footer-social-shares a.twitter:hover { background-color:#0087ba }
footer .footer-social-shares a.facebook { background-color:#3b5998; }
footer .footer-social-shares a.facebook:hover { background-color:#2d4373 }

#contactIcon { }
#copyright { color:#566275;font-size:10px; }
.footerContactContainer { margin:0;padding:0; }
footer a.qbit-logo { display:inline-block; width:25px; height:15px; background-image:url(../img/qbit-logo.png); background-position:left left; vertical-align:middle; }
footer a.qbit-logo:hover { background-position:bottom left; }

/* HELPERS */
.fullwd	{ width:100%; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.center { margin-left:auto;margin-right:auto; }
.capitalize {text-transform: capitalize;}
.nomargin { margin:0; }
.nopadding { padding:0; }

/********************/
/***** MOBILE *******/
/********************/

@media (max-width: 1200px) {
 .lnd-browser-container .lnd-browser { margin:0 20px; }
}

@media (min-width: 1200px) {
 #topMainMenu .navbar .container-fluid { max-width:1170px; }
}

@media (max-width: 767px) {

 header.large { padding: 50px 0; height:auto; }
 header.large .title { text-align:center;margin-bottom: 20px; }
 header.large .title h1 { width:100%; }
 header.large .title h1:after { width:100%; }
 header.large .title .desc:before { display:none; }

 .examples-top-menu ul li a.ico:before { display:none; }

 footer .mobile-register-link { display:block !important; margin: 15px auto; }

 #topMainMenu .navbar-brand { padding:8px 15px; }

 .tour .item { text-align:center !important; }
 .tour .item:nth-child(even) .image { margin-bottom:20px; }
 .tour .item:nth-child(odd) .image { margin-top:20px; }

 .help .help-list ul.articles { margin-left:-70px; }

 .lnd-browser-container { padding:0; }
 .lnd-browser-container:after { display:none; }
 .lnd-browser-container .lnd-browser .bar { display:none; }
 .lnd-browser-container .lnd-browser ul.tabs li.tab { display:block; }
 .lnd-browser-container .lnd-browser ul.tabs li.circles { display:none; }
 .lnd-browser-container .lnd-browser { margin:0 auto; }

 #blogMainCarousel { max-height:550px; }
 #blogMainCarousel .item h1 { font-size:28px !important; }
 #blogMainCarousel .item .container { margin:30px auto !important; }
 #blogMainCarousel .item .container .row { padding-right:0 !important; }
 #blogMainCarousel .item .cat { padding:8px 16px !important; font-size:14px !important; }
}

@media all and (max-width: 980px)   {
    .wrapper { width:100%;margin:0 auto;position:relative;overflow:hidden;clear:both; }
    
    .content h3 { margin-top:10px;padding: 0 20px; }
    /*.content .mainarticle { margin-bottom:70px;text-align:center; }
    .content .mainarticle .image { float:none;width:100%;margin-bottom:40px; }
    .content .mainarticle .image img { width:80%; }
    .content .mainarticle .details { float:none;width:650px;margin:0 auto; }
    .content .mainarticle .details h2 { font-size:1.25em; text-transform:uppercase;text-align:center; }
    .content .mainarticle .details .desc { margin-top:15px;margin-bottom:25px; }*/
    
    .content .box-3 ul { text-align:center; }
    
    .content .example-details { text-align:center;padding:20px 0; }
    .content .example-details .details { width:90%; }
    .content .example-details .image { /*display:block;*/ width:90%;margin-bottom:40px; }
    .content .example-details .image img { width:100%; }
    .content .example-details .details .desc { text-align:left; }
    .content .example-details a.button { margin:40px 0; }
}

@media all and (max-width: 767px)   {
    
    .main-menu { height:90px; }
    .main-menu ul li { width:45px; }
    .main-menu ul li a { height:60px; font-size:10px; }
    .main-menu ul li.c a:before { left:25%; }
    .main-menu ul li a:hover:before { left:25%; }

    .button {  }
    .button.big { font-size:1.2em;height:auto;line-height:normal;padding:10px 30px; }
    .button.medium { font-size:1.0em;height:auto;line-height:normal;padding:8px 20px; }
    .button.small { height:auto;line-height:normal;padding:0.8em 1.2em; font-size: 0.8em; }

    .content h1 { font-size:35px; }
    .content .mainarticle .details { float:none;width:auto;padding:0 20px; }

    .content .box-3 { text-align:center;width:100%;}
    .content .box-3 ul { margin-bottom:40px;list-style:none;text-align:center; }
    .content .box-3 li { display:block;width:90%;margin-top:40px; }
    .content .box-3 li h2 { margin-bottom:15px;font-size:1.5em; }
    .content .box-3 li img { margin:0 auto; width:80%; }
    
    .content .register-form { border:none; }
    
    .examples ul {  }
    .examples ul li { margin-bottom: 50px; }
    .examples ul li .readmore { width:180px; margin: 20px auto 0 auto; }

    footer { height: auto; padding-bottom:10px; }
    footer #contactIcon .footer-social-shares { margin-bottom:10px; text-align:center; }
    footer #contactIcon .footer-social-shares a { margin:0 6px; }
    footer .menu, 
    footer .tryButtonDesktopContainer { display: none; }
    footer .copyright { font-size: 1.0em; }
}

@media all and (max-width: 480px)   {
    .main-menu { display:none; }
    .content .box-3 li { display:block;width:90%;margin-top:40px; margin-left: auto; margin-right: auto; padding: 0px; }
}

@media (max-width: 991px) {
 .pricing .pricing-grid { grid-template-columns:1fr; max-width:420px; gap:20px 0; }
 .pricing .price-card--featured { transform:none; box-shadow:0 8px 28px rgba(43,54,70,0.18); }
 .pricing .price-card--featured:hover { transform:translateY(-2px); }
}

@media (max-width: 767px) {
 .pricing .price-card__header,.pricing .price-card__features,.pricing .price-card__cta { padding-left:20px; padding-right:20px; }
 .pricing .price-card__header { padding-top:24px; }
 .pricing .price-card__cta { padding-bottom:20px; }
 .pricing .price-card__amount { font-size:38px; }
 .pricing .price-card__stats { gap:5px; }
}

/* ===== HOME PAGE (Views/Home/Index.cshtml) ===== */
header.large .title h1 .typ { color:#91E248; }
header.large .title .hero-sub { font-size:20px; line-height:1.5; color:#575F6F; max-width:560px; margin:0 0 30px 0; }
header.large .title .hero-actions .button { margin:0 10px 10px 0; }
header.large .title .hero-note { margin-top:10px; font-size:14px; color:#95989A; }
header.large .title .hero-note .fa { color:#91E248; margin-right:4px; }
#landingBrowser { scroll-margin-top:50px; }

.lnd-cta { text-align:center; margin:60px auto; padding:0 16px; }
.lnd-cta h2 { font-size:28px; font-weight:bold; color:#575F6F; margin:0 0 25px 0; }
.cta-note { margin-top:12px; font-size:14px; color:#95989A; }

.lnd-section { padding:60px 0; }
.lnd-section-title { text-align:center; font-size:32px; font-weight:900; color:#575F6F; margin:0 0 45px 0; }

.lnd-features { border-top:1px solid #E0E3E9; }
.lnd-feature { margin-bottom:35px; }
.lnd-feature h3 .fa { flex:0 0 30px; font-size:22px; color:#91E248; margin-right:10px; text-align:center; }
.lnd-feature h3 { display:flex; align-items:center; font-size:20px; font-weight:bold; color:#2B3646; margin:0 0 8px 0; }
.lnd-feature p { font-size:15px; line-height:1.6; color:#575F6F; margin:0; }

.lnd-testimonials { background-color:#F7F8FA; }
.lnd-testimonial { width:100%; background-color:#fff; border-radius:5px; padding:25px; margin:0 0 30px 0; box-shadow:0 2px 12px rgba(43,54,70,0.08); display:flex; flex-direction:column; }
.lnd-testimonial blockquote { flex:1; border:0; padding:0; margin:0 0 20px 0; font-size:16px; line-height:1.6; color:#575F6F; }
.lnd-testimonial blockquote:before { content:'\201C'; display:block; font-size:48px; line-height:1; color:#91E248; font-weight:900; }
.lnd-testimonial figcaption { display:flex; align-items:center; }
.lnd-testimonial .avatar { flex:0 0 42px; width:42px; height:42px; line-height:42px; border-radius:50%; background-color:#2B3646; color:#fff; text-align:center; font-weight:bold; margin-right:12px; }
.lnd-testimonial .who strong { display:block; color:#2B3646; }
.lnd-testimonial .who span { display:block; font-size:13px; color:#95989A; }

.lnd-faq .container { max-width:800px; }
.lnd-faq details { border-bottom:1px solid #E0E3E9; padding:18px 0; }
.lnd-faq summary { cursor:pointer; font-size:18px; font-weight:bold; color:#2B3646; list-style:none; position:relative; padding-right:30px; }
.lnd-faq summary::-webkit-details-marker { display:none; }
.lnd-faq summary:after { content:'\f067'; font-family:FontAwesome; position:absolute; right:0; top:2px; font-size:14px; color:#91E248; }
.lnd-faq details[open] summary:after { content:'\f068'; }
.lnd-faq details p { margin:12px 0 0 0; font-size:15px; line-height:1.6; color:#575F6F; }
.lnd-faq .faq-more { text-align:center; margin-top:30px; color:#575F6F; }

.lnd-final-cta { background-color:#2B3646; color:#fff; text-align:center; padding:70px 16px; }
.lnd-final-cta h2 { font-size:34px; font-weight:900; margin:0 0 10px 0; color:#fff; }
.lnd-final-cta p { font-size:18px; color:#BCC1CC; margin:0 0 30px 0; }
.lnd-final-cta .cta-note { color:#BCC1CC; }

@media (max-width: 767px) {
 header.large .title .hero-sub { font-size:17px; margin-left:auto; margin-right:auto; }
 header.large .title .hero-actions .button { display:block; margin:0 auto 12px auto; max-width:320px; }
 .lnd-browser-container .lnd-title { font-size:28px; margin-bottom:30px; padding:0 16px; }
 .lnd-section-title { font-size:26px; }
 .lnd-final-cta h2 { font-size:26px; }
}