/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=eda19d66b6c0a3d5c790)
 * Config saved to config.json and https://gist.github.com/eda19d66b6c0a3d5c790
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 16px;
  line-height: 1.6;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #3a7dbd;
  text-decoration: none;
  outline: 0 none;
}
a:hover,
a:focus {
  text-decoration: none;
  outline: 0 none;
}
a:focus {
  outline: 0 none;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3 {
  line-height: 1;
}
h4,
h5,
h6 {
  line-height: 1.1;
}
h1,
h2,
h3 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}
h4,
h5,
h6 {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
h1 {
  font-size: 2.6em;
}
h2 {
  font-size: 2.2em;
}
h3 {
  font-size: 1.8em;
}
h4 {
  font-size: 1.4em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 0.8em;
}
p {
  margin: 0 0 0.6em;
}
.lead {
  margin-bottom: 1.2em;
  font-size: 1.4em;
}
small {
  font-size: 60%;
}
mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #3a7dbd;
}
.text-primary:hover,
.text-primary:focus {
  color: #3a7dbd;
}
.bg-primary {
  color: #ffffff;
  background-color: #3a7dbd;
}
.bg-primary:hover,
.bg-primary:focus {
  background-color: #3a7dbd;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 0.6em;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  margin-left: -15px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
blockquote {
  padding: 0.6em 1.2em;
  margin: 0 0 1.2em;
  font-size: 1.25em;
  border-left: 5px solid transparent;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
address {
  margin-bottom: 1.2em;
  font-style: normal;
  line-height: 1.6;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 730px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 950px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-sm-1, .col-md-1, .col-sm-2, .col-md-2, .col-sm-3, .col-md-3, .col-sm-4, .col-md-4, .col-sm-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-sm-7, .col-md-7, .col-sm-8, .col-md-8, .col-sm-9, .col-md-9, .col-sm-10, .col-md-10, .col-sm-11, .col-md-11, .col-sm-12, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-6 {
  float: left;
}
.col-xs-6 {
  width: 50%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
caption {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.2em;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 20px 30px;
  line-height: 1.6;
  vertical-align: top;
  border-top: 1px solid #e0e0e0;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e0e0e0;
}
.table > caption + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-top: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover {
  background-color: #2bcef7;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 1em;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e0e0e0;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
label {
  display: inline-block;
  max-width: 100%;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.form-control {
  display: block;
  width: 100%;
  height: 2.6em;
  padding: 0.4em 0.8em;
  font-size: 16px;
  line-height: 1.6;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  outline: 0 none;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0 none;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 1.2em;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #666666;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li,
.nav > li > a {
  position: relative;
  display: block;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-brand {
  float: left;
}
.navbar-brand > img {
  display: block;
}
.navbar-toggle {
  float: left;
  background-color: transparent;
  border: 0 none;
  padding: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  height: 6px;
  width: 32px;
  border-radius: 4px;
  background-color: #ffffff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
  .navbar-nav > li,
  .navbar-left {
    float: left;
  }
  .navbar-right {
    float: right;
  }
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1.2em 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 0.6em;
  line-height: 1.6;
  text-decoration: none;
  color: #2bcef7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #09bae6;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff;
  background-color: #2bcef7;
  border-color: #2bcef7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 0.6em;
  line-height: 1.5;
}
.alert {
  padding: 15px;
  margin-bottom: 1.2em;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

@media(max-width:767px){body{width:100%;height:100%}.slideout-panel{position:relative;z-index:1}}.slideout-menu{position:fixed;left:auto;top:0;bottom:0;right:0;z-index:0;width:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;background-color:#fff;opacity:1}.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}.slideout-open .slideout-menu{display:block}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

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

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

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

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

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

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

b,
strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

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

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

small {
	font-size: 80%
}

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

sup {
	top: -0.6em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

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

pre {
	overflow: auto
}

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

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

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

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

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

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

input {
	line-height: normal
}

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

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

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

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

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

td,
th {
	padding: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	font-size: 16px;
	line-height: 1.6
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #3a7dbd;
	text-decoration: none;
	outline: 0 none
}

a:hover,
a:focus {
	text-decoration: none;
	outline: 0 none
}

a:focus {
	outline: 0 none
}

figure {
	margin: 0
}

img {
	vertical-align: middle;
	display: block;
	max-width: 100%;
	height: auto
}

.img-circle {
	border-radius: 50%
}

hr {
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	border: 0;
	border-top: 1px solid #eee
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

[role="button"] {
	cursor: pointer
}

h1,
h2,
h3 {
	line-height: 1
}

h4,
h5,
h6 {
	line-height: 1.1
}

h1,
h2,
h3 {
	margin-top: 1.2em;
	margin-bottom: .6em
}

h4,
h5,
h6 {
	margin-top: .6em;
	margin-bottom: .6em
}

h1 {
	font-size: 2.6em
}

h2 {
	font-size: 2.2em
}

h3 {
	font-size: 1.8em
}

h4 {
	font-size: 1.4em
}

h5 {
	font-size: 1.2em
}

h6 {
	font-size: .8em
}

p {
	margin: 0 0 .6em
}

.lead {
	margin-bottom: 1.2em;
	font-size: 1.4em
}

small {
	font-size: 60%
}

mark {
	background-color: #fcf8e3;
	padding: .2em
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-muted {
	color: #777
}

.text-primary {
	color: #3a7dbd
}

.text-primary:hover,
.text-primary:focus {
	color: #3a7dbd
}

.bg-primary {
	color: #fff;
	background-color: #3a7dbd
}

.bg-primary:hover,
.bg-primary:focus {
	background-color: #3a7dbd
}

ul,
ol {
	margin-top: 0;
	margin-bottom: .6em
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0
}

.list-unstyled {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0
}

.list-inline {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
	margin-left: -15px
}

.list-inline>li {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px
}

abbr[title],
abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #777
}

blockquote {
	padding: .6em 1.2em;
	margin: 0 0 1.2em;
	font-size: 1.25em;
	border-left: 5px solid transparent
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0
}

address {
	margin-bottom: 1.2em;
	font-style: normal;
	line-height: 1.6
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

@media(min-width:768px) {
	.container {
		width: 730px
	}
}

@media(min-width:992px) {
	.container {
		width: 950px
	}
}

@media(min-width:1200px) {
	.container {
		width: 1200px
	}
}

.row {
	margin-left: -15px;
	margin-right: -15px
}

.col-sm-1,
.col-md-1,
.col-sm-2,
.col-md-2,
.col-sm-3,
.col-md-3,
.col-sm-4,
.col-md-4,
.col-sm-5,
.col-md-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-sm-7,
.col-md-7,
.col-sm-8,
.col-md-8,
.col-sm-9,
.col-md-9,
.col-sm-10,
.col-md-10,
.col-sm-11,
.col-md-11,
.col-sm-12,
.col-md-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.col-xs-6 {
	float: left
}

.col-xs-6 {
	width: 50%
}

@media(min-width:768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
	.col-sm-offset-3 {
		margin-left: 25%
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
}

@media(min-width:992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-offset-10 {
		margin-left: 83.33333333%
	}
	.col-md-offset-9 {
		margin-left: 75%
	}
	.col-md-offset-8 {
		margin-left: 66.66666667%
	}
	.col-md-offset-7 {
		margin-left: 58.33333333%
	}
	.col-md-offset-6 {
		margin-left: 50%
	}
	.col-md-offset-3 {
		margin-left: 25%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

caption {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #777;
	text-align: left
}

th {
	text-align: left
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1.2em
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 20px 30px;
	line-height: 1.6;
	vertical-align: top;
	border-top: 1px solid #e0e0e0
}

.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #e0e0e0
}

.table>caption+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
	border-top: 0
}

.table>tbody+tbody {
	border-top: 2px solid #e0e0e0
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border-top: 1px solid #e0e0e0
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ededed
}

.table-hover>tbody>tr:hover {
	background-color: #2bcef7
}

.table-responsive {
	overflow-x: auto;
	min-height: .01%
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 1em;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #e0e0e0
	}
	.table-responsive>.table {
		margin-bottom: 0
	}
	.table-responsive>.table>thead>tr>th,
	.table-responsive>.table>tbody>tr>th,
	.table-responsive>.table>tfoot>tr>th,
	.table-responsive>.table>thead>tr>td,
	.table-responsive>.table>tbody>tr>td,
	.table-responsive>.table>tfoot>tr>td {
		white-space: nowrap
	}
	.table-responsive>.table-bordered {
		border: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:first-child,
	.table-responsive>.table-bordered>tbody>tr>th:first-child,
	.table-responsive>.table-bordered>tfoot>tr>th:first-child,
	.table-responsive>.table-bordered>thead>tr>td:first-child,
	.table-responsive>.table-bordered>tbody>tr>td:first-child,
	.table-responsive>.table-bordered>tfoot>tr>td:first-child {
		border-left: 0
	}
	.table-responsive>.table-bordered>thead>tr>th:last-child,
	.table-responsive>.table-bordered>tbody>tr>th:last-child,
	.table-responsive>.table-bordered>tfoot>tr>th:last-child,
	.table-responsive>.table-bordered>thead>tr>td:last-child,
	.table-responsive>.table-bordered>tbody>tr>td:last-child,
	.table-responsive>.table-bordered>tfoot>tr>td:last-child {
		border-right: 0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
	.table-responsive>.table-bordered>tfoot>tr:last-child>th,
	.table-responsive>.table-bordered>tbody>tr:last-child>td,
	.table-responsive>.table-bordered>tfoot>tr:last-child>td {
		border-bottom: 0
	}
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0
}

label {
	display: inline-block;
	max-width: 100%
}

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

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}

input[type="file"] {
	display: block
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.form-control {
	display: block;
	width: 100%;
	height: 2.6em;
	padding: .4em .8em;
	font-size: 16px;
	line-height: 1.6;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	outline: 0 none;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0 none
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control::-ms-expand {
	border: 0;
	background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
	cursor: not-allowed
}

textarea.form-control {
	height: auto
}

input[type="search"] {
	-webkit-appearance: none
}

.form-group {
	margin-bottom: 15px
}

.radio,
.checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}

.radio label,
.checkbox label {
	min-height: 1.2em;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
	margin-top: -5px
}

.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #666
}

.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}

.nav>li,
.nav>li>a {
	position: relative;
	display: block
}

@media(min-width:768px) {
	.navbar-header {
		float: left
	}
}

.navbar-brand {
	float: left
}

.navbar-brand>img {
	display: block
}

.navbar-toggle {
	float: left;
	background-color: transparent;
	border: 0 none;
	padding: 0
}

.navbar-toggle:focus {
	outline: 0
}

.navbar-toggle .icon-bar {
	display: block;
	height: 6px;
	width: 32px;
	border-radius: 4px;
	background-color: #fff
}

.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}

@media(min-width:768px) {
	.navbar-toggle {
		display: none
	}
	.navbar-nav>li,
	.navbar-left {
		float: left
	}
	.navbar-right {
		float: right
	}
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 1.2em 0
}

.pagination>li {
	display: inline
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px .6em;
	line-height: 1.6;
	text-decoration: none;
	color: #2bcef7;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #09bae6;
	background-color: #eee;
	border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #2bcef7;
	border-color: #2bcef7;
	cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: .6em;
	line-height: 1.5
}

.alert {
	padding: 15px;
	margin-bottom: 1.2em
}

.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d
}

.alert-success hr {
	border-top-color: #c9e2b3
}

.alert-success .alert-link {
	color: #2b542c
}

.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b
}

.alert-warning hr {
	border-top-color: #f7e1b5
}

.alert-warning .alert-link {
	color: #66512c
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after {
	content: " ";
	display: table
}

.clearfix:after,
.container:after,
.row:after,
.nav:after,
.navbar:after,
.navbar-header:after {
	clear: both
}

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

.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.invisible {
	visibility: hidden
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.hidden {
	display: none!important
}

.affix {
	position: fixed
}

@-ms-viewport {
	width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
	display: none!important
}

@media(max-width:767px) {
	.visible-xs {
		display: block!important
	}
}

@media(min-width:768px) and (max-width:991px) {
	.visible-sm {
		display: block!important
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.visible-md {
		display: block!important
	}
}

@media(min-width:1200px) {
	.visible-lg {
		display: block!important
	}
}

@media(max-width:767px) {
	.hidden-xs {
		display: none!important
	}
}

@media(min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none!important
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.hidden-md {
		display: none!important
	}
}

@media(min-width:1200px) {
	.hidden-lg {
		display: none!important
	}
}
@media(max-width:767px){body{width:100%;height:100%}.slideout-panel{position:relative;z-index:1}}.slideout-menu{position:fixed;left:auto;top:0;bottom:0;right:0;z-index:0;width:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;background-color:#fff;opacity:1}.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}.slideout-open .slideout-menu{display:block}

/* General styling */
body {
	color: #312d36;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeSpeed;
}

.mobile-link-main {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-rendering: geometricPrecision;
	border-bottom: 6px solid transparent;
	-ms-touch-action: manipulation;
		touch-action: manipulation;
}

.nav > li > .mobile-link-main {
	display: inline-block;
}

h1,
h2,
h3,
h4,
.btn,
.red-bg p,
.error-code,
.cookie_inner #setCookie,
.results-item-title,
.mobile-link-main.current,
.mobile-link-main.section {
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-rendering: geometricPrecision;
}

strong,
.kb-item > a,
.news-item > a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-rendering: geometricPrecision;
}

h1, h2, h3 {
	line-height: 1.1;
}

blockquote {
	border: 0 none;
	margin: 1.875em auto;
	max-width: 28.75em;
	font-size: 1.5em;
	line-height: 1.25em;
}

.small-text {
	font-size: 14px;
	line-height: 1.7;
}

.large-text {
	font-size: 24px;
	line-height: 1.4;
}

textarea {
	-webkit-resize: vertical;
	   -moz-resize: vertical;
			resize: vertical;
	min-height: 120px;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}


.form-group#Url,
.form-group#Comment {
	display: none;
}

.btn {
	-moz-user-select: none;
	border: 0 none;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
-webkit-transition: background-color .3s ease-in-out 0s, color .3s ease-in-out 0s, border-color .3s ease-in-out 0s;
		transition: background-color .3s ease-in-out 0s, color .3s ease-in-out 0s, border-color .3s ease-in-out 0s;
}

.trans-all {
	-webkit-transition: all .3s ease-in-out 0s;
			transition: all .3s ease-in-out 0s;
}

.header {
	background-color: #ffffff;
	border-bottom: 1px solid #ededed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

	.navbar {
		padding-top: 12px;
		padding-bottom: 12px;
	}

		.navbar-toggle {
			float: right;
		}

			.navbar-toggle > .icon-bar { background-color: #3a7dbd; }

		.navbar-nav {
			float: none;
		}

			.menu-item {
				margin-right: 20px;
			}

			.navbar-nav > .last {
				float: right;
				padding-right: 0;
			}

				.menu-item > a {
					font-family: "Montserrat", sans-serif;
					font-size: 0.9em;
					font-weight: 400;
					color: #3a7dbd;
					line-height: 17px;
					padding: 12px 0 24px;
					border-bottom: 6px solid transparent;
				}

				.menu-item > a:hover, .menu-item > a:focus,
				.dropdown > li > a:hover, .dropdown > li > a:focus,
				.mobile-link-main:hover, .mobile-link-main:focus {
					border-bottom-color: #3a7dbd;
				}

				.menu-item > .current, .menu-item > .section,
				.dropdown > li > .current, .dropdown > li > .section,
				.mobile-link-main.current, .mobile-link-main.section {
					font-weight: 700;
				}

                 .btn-webmail {
					background-color: #ffffff;
					border-radius: 5px;
					color: #3a7dbd;
                    border: 1px solid #3a7dbd;
					line-height: 17px;
					padding: 9px 11px 9px 11px;
					float: right;
                    font-size: .9em;
				}

				.btn-webmail:hover, .btn-webmail:focus {
					background-color: #b5eefd;
				}

                .btn-login {
					background-color: #3a7dbd;
					border-radius: 5px;
					color: #ffffff;
                    border: 1px solid #3a7dbd;
					line-height: 17px;
					padding: 9px 11px 9px 37px;
					float: right;
                    font-size: .9em;
				}

				.btn-login:hover, .btn-login:focus {
					background-color: #1b5e9e;
				}

				.btn-login > svg {
					display: block;
					position: absolute;
					left: 11px;
					top: 50%;
					-webkit-transform: translate(0px,-50%);
					        transform: translate(0px,-50%);
				}

		.dropdown {
			padding-left: 20px;
			padding-top: 10px;
			list-style: none;
		}

			.dropdown > li {
				margin-bottom: 10px;
			}

			.dropdown > .last {
				margin-bottom: 0;
			}

				.dropdown > li > a {
					font-family: "Montserrat",sans-serif;
					font-size: .875em;
					border-bottom: 6px solid transparent;
				}

				.dropdown > li > .mobile-link-main {
					line-height: 1.25;
					display: inline-block;
				}

		.pure-menu-item {
		    position: relative;
		}

		.pure-menu-item {
		    height: 100%;
		}

		.pure-menu-link {
		    display: block;
		    text-decoration: none;
		}

		.pure-menu-item .pure-menu-item {
		    display: block;
		}

		.pure-menu-children {
		    display: none;
		    position: absolute;
		    left: 100%;
		    top: 0;
		    margin: 0;
		    padding: 0;
		    z-index: 3;
		}

		.pure-menu-horizontal .pure-menu-children {
		    top: auto;
		}

		.pure-menu-allow-hover:hover > .pure-menu-children,
		.pure-menu-active > .pure-menu-children {
		    display: block;
		    position: absolute;
		}

.middle {
	background-color: #ffffff;
}

.middle > div:first-child {
	padding-top: 86px;
}

	.section-title {
		font-size: 2.25em;
	}

		.breadcrumbs {
			font-size: .8125em;
			line-height: 1.15384;
			margin-top: .5em;
		}

			.breadcrumbs > a:hover, .breadcrumbs > a:focus {
				text-decoration: underline;
			}

		.page-title {
			font-size: 1.875em;
			margin-top: 0;
		}

		.main-title {
			font-size: 2.2em;
			line-height: 1.1;
			margin-bottom: 1.5em;
		}

		.subtitle {
			text-transform: uppercase;
			display: block;
			font-weight: normal;
			font-style: normal;
			font-size: .875em;
		}

		.page-title .subtitle {
			font-size: 1.125em;
			margin-bottom: .5em;
			letter-spacing: 0;
			text-transform: none;
		}

.footer {
	background-color: #ffffff;
	color: #8e8e8e;
}
	
	.footer-top {
		border-top: 1px solid #ededed;
	}

	.footer-top,
	.footer-center {
		border-bottom: 1px solid #ededed;
	}

	.footer-center h5 {
		margin-bottom: 1em;
		font-size: 1em;
		font-weight: 400;
	}

	.big-text, .big-text-promo {
		font-size: 2em;
		font-weight: 700;
		line-height: .875em;
	}

	.copyright {
		font-size: .75em;
		line-height: 1.8;
	}

	.footer-link {
		color: #8e8e8e;
		font-size: 1em;
	}

	.footer-link:hover, .footer-link:focus {
		text-decoration: underline;
		color: #3a7dbd;
	}

/* Specific styles */
/* Elements */
.element {
	position: relative;
	overflow: hidden;
}

	.element > .container {
		padding-top: 2.5em;
	}

	.acquista-dominio-economico .element:last-child > .container,
	.hosting-php-mysql-economico .element:last-child > .container,
	.hosting-php-mysql-economico-performance .element:last-child > .container {
		padding-bottom: 2.5em;
	}

	.element:first-child > .container {
		padding-top: 0;
	}

	.element.red-bg {
		margin-top: 2.5em;
	}

	.element h2,
	.element h3 {
		margin-top: 0;
	}

	.element h2.ls-b {
		line-height: 1.15;
		margin-bottom: 1em;
	}

	.element.red-bg > div {
		padding-top: 0;
		padding-bottom: 0;
	}

.element.yellow-bg {
	background-color: #eac134;
}

	.element.yellow-bg figure {
		text-align: center;
		position: relative;
	}

		.element.yellow-bg figure > img {
			display: inline-block;
			padding-left: 14.0625%;
			padding-right: 14.0625%;
		}

.red-bg {
	background-color: #e64c3b;
}

.f-s-3,
.element-content h3 {
	font-size: 1.5em;
}

.margb-3em,
.element-content h3 {
	margin-top: 1.66666em;
	/*
	margin-bottom: 1.66666em;
*/
}

.margb-1_5em {
	margin-bottom: 1.5em;
}

.element .content > h2 {
	color: #ffffff;
	font-size: 2em;
	letter-spacing: .1px;
	line-height: 1.1;
	margin-bottom: .7em;
	margin-top: 0;
	position: relative;
	z-index: 10;
}

.package-box,
.benefit-box,
.form-box {
	border: 2px solid #ededed;
	border-radius: 10px;
	background-color: #ededed;
}

.benefit-box.padd-30 p {
	color: #ffffff;
	margin-top: 10px;
}

.yellow.package-box {
	background-color: #ededed;
	border-color: #eac134;
}

.green.package-box {
	background-color: #ededed;
	border-color: #64d17a;
}

.red.package-box {
    background-color: #fdfdfd;
    border-color: #ca5d49;
    border: 4px solid #ca5d49;
    border-radius: 15px;
}

.azure.package-box {
	background-color: #ededed;
	border-color: #005caa;
}

/* CSS-only ribbon styles */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
	/*Set position, make larger then
	container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
 	-ms-transform: rotate(45deg); /* IE 9 */
 	-o-transform: rotate(45deg); /* Opera */
 	-moz-transform: rotate(45deg); /* Firefox */
 	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	-webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
	-ms-transform-origin: 100% 100%;  /* IE 9 */
	-o-transform-origin: 100% 100%; /* Opera */
	-moz-transform-origin: 100% 100%; /* Firefox */
 /*   background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
 */
 	background-size: 4px,auto, auto,auto;
    background-color: #0eb54f;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
	/*Use the border triangle trick to make
	it look like the ribbon wraps round it's
	container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #0c7c37;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    /* text-shadow: 0 1px 1px rgba(1,1,1,.8);
	*/
	font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}


.benefit-box.yellow {
	background-color: #eac134;
}

.offer.package-box,
.offer.package-box .package-box-header {
/*
	border-top-left-radius: 0;
	border-top-right-radius: 0;
*/
}
.package-box-topname {
	padding: 20px 15px 10px 15px;
	position: relative;
}
	.package-box-header {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		color: #ffffff;
		padding: 20px 15px;
		position: relative;
	}

	.server-vps .package-box-header,
	.server-vps .best-offer,
	.server-vps .package-box-body {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home .package-box-header,
	.sub-box .package-box-header {
		padding: 20px 15px;
	}

	.green > .package-box-header,
	.benefit-box.green {
		background-color: #89e2b2;
	}

	.yellow > .package-box-header,
	.yellow /* .btn-order */ {
		background-color: #f7cd3d;
	}

	.red > .package-box-header {
		background-color: #fc8377;
	}

	.azure > .package-box-header {
		background-color: #257cc5;
	}

	.blue > .package-box-header,
	.benefit-box.blue {
		background-color: #519be2;
	}

	.package-box-header > .center-block,
	.benefit-box > .center-block {
		margin-bottom: 10px;
	}

	.package-title,
	.element-content .benefit-title,
	.form-title {
		font-size: 1.875em;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.package-title > a {
		color: #ffffff;
	}

	.package-title > a:hover, .package-title > a:focus {
		text-decoration: underline;
	}

	.home .package-title {
		float: left;
		font-size: 26px;
		line-height: 50px;
	}

	.benefit-title {
		color: #ffffff;
		position: relative;
		padding-left: 40px;
		line-height: 1.2;
		max-width: 80%
	}

	.benefit-title:before {
		position: absolute;
		left: 0;
	}

	.benefit-title.first:before {
		content: "1.";
	}

	.benefit-title.second:before {
		content: "2.";
	}

	.benefit-title.third:before {
		content: "3.";
	}

	.form-title {
		border-bottom: 2px solid #ededed;
		padding-top: 29px;
		padding-bottom: 18px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.contact .form-title {
		font-size: 1.5em;
	}

	.package-subtitle {
		line-height: 2;
		margin-bottom: 0;
	}

	.best-offer {
		background-color: #eac134;
		border-left: 2px solid #eac134;
		border-right: 2px solid #eac134;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-family: "Montserrat";
		left: -2px;
		margin: 0;
		padding: 15px;
		position: absolute;
		right: -2px;
		top: -57px;
	}

	.best-offer > .star,
	.package-box-inheader > .icon-wp {
		float: right;
	}

	.package-box-inheader {
	    border-top-left-radius: 10px;
	    border-top-right-radius: 10px;
	    left: 0;
	    padding: 10px 30px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}

			.package-box-inheader .package-subtitle {
				display: inline-block;
			}

		.green .package-box-inheader {
			background-color: #64D17A;
		}

		.yellow .package-box-inheader {
			background-color: #eac134;
		}

		.red .package-box-inheader {
			background-color: #CA5D49;
		}

		.azure .package-box-inheader {
			background-color: #005caa
		}

	.package-box-body {
		padding: 15px;
		line-height: 1.4;
	}

		.package-included {
			padding-left: 0;
			list-style: none;
			margin-bottom: 0;
		}

		.package-box-body > .package-included {
			margin-bottom: 1.5em;
		}

		.home .package-box-body > .package-included {
			margin-top: 2em;
		}

			.package-included > li {
				background-image: url("https://www.tophost.it/themes/frboot/svg/ok.svg");
				background-position: left 7px;
				background-repeat: no-repeat;
				background-size: auto 12px;
				padding-left: 20px;
				position: relative;
			}

		.package-box-body p:last-child,
		.package-box-body > .package-included:last-child {
			margin-bottom: 0;
		}

		.package-box-body .text-muted {
			color: #8e8e8e;
		}

	.form-body {
		padding: 17px 30px 30px;
	}

		.form-description {
			font-size: 14px;
			margin-bottom: 2.14285em;
		}

		.form-body > form {
			margin: 0;
			padding: 0;
			text-align: center;
		}

		.form-body .email,
		.form-body .text,
		.form-body .textarea {
			display: block;
			float: left;
			background-color: #ffffff;
			border-radius: 10px;
			border: solid 1px #d7d7d7;
			padding: 13px 22px;
			margin-bottom: 20px;
			font-size: 14px;
			height: auto;
			width: 100%;
		}

		.contact .form-body .text,
		.contact .form-body .textarea {
			margin-bottom: 0;
		}

		.form-body .email:focus,
		.form-body .text:focus,
		.form-body .textarea:focus {
			border-color: #cccccc;
		}

		.form-1 .btn-submit {
			margin-top: 48px;
		}

	.package-box-price {
		border-top: 2px solid #ededed;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
	}

	.yellow > .package-box-price {
		border-top-color: #ededed;
	}

	.package-box-price .big-text,.box-price .big-text {
			color: #3a7dbd;
			font-size: 3.5em;
			letter-spacing: .5px;
	}

	.package-box-price .big-text-promo, .box-price .big-text-promo {
		color: goldenrod;
		font-size: 3.5em;
		letter-spacing: .5px;
		text-shadow: 2px 2px black;
}

.box-price {
		margin-bottom: 1em;
	}

	.package-box-footer {
		height: 100px;
		position: relative;
	}

		.btn-order {
			text-decoration: none;
			background-color: #3a7dbd;
			background-image: url("https://www.tophost.it/themes/frboot/svg/arrow-right-white.svg");
			background-position: 85% center;
			background-position: calc(100% - 50px) center;
			background-repeat: no-repeat;
			background-size: 16px auto;
			border-bottom-left-radius: 7px;
			border-bottom-right-radius: 7px;
			color: #ffffff;
			display: block;
			font-size: 1.33333em;
			height: 100px;
			left: 0;
			line-height: 78px;
			position: absolute;
			right: 0;
			padding-left: 0;
			width: 100%;
			-webkit-transition: background-position .3s ease-in-out 0s, background-color .3s ease-in-out 0s;
					transition: background-position .3s ease-in-out 0s, background-color .3s ease-in-out 0s;
		}

		.btn-order.medium {
			text-decoration: none;
			background-image: none;
			border-radius: 5px;
			display: inline-block;
			font-size: 17px;
			height: auto;
			line-height: 35px;
			padding: 10px 35px;
			position: relative;
			width: auto;
		}

		.btn-order.small {
			text-decoration: none;
			background-image: none;
			border-radius: 5px;
			display: inline-block;
			font-size: 15px;
			height: auto;
			line-height: 25px;
			padding: 8px 24px;
			position: relative;
			width: auto;
		}

		.yellow .btn-order.small .btn-order.medium {
			background-color: #3a7dbd;
		}

		.btn-order:hover, .btn-order:focus,
		.yellow .btn-order.medium:hover, .yellow .btn-order.medium:focus
		.yellow .btn-order.small:hover, .yellow .btn-order.small:focus {
			background-position: 88.5% center;
			background-position: calc(100% - 40px) center;
			background-color: #1b5e9e;
		}

		.yellow .btn-order:hover, .yellow .btn-order:focus {
			background-color: #eac134;
		}

		.btn-more.btn-big {
			background-color: #3a7dbd;
			border-radius: 5px;
			color: #fff;
			font-size: 1.5em;
			margin-top: 1.66666em;
			padding: 25px 50px;
		}

		.form-body .btn-submit {
			background-color: #3a7dbd;
			background-image: url("https://www.tophost.it/themes/frboot/svg/arrow-right-white.svg");
			background-position: 95% center;
			background-position: calc(100% - 15px) center;
			background-repeat: no-repeat;
			background-size: 13px auto;
			border-radius: 5px;
			color: #ffffff;
			padding-right: 40px;
			-webkit-transition: background-position .3s ease-in-out 0s, background-color .3s ease-in-out 0s;
			        transition: background-position .3s ease-in-out 0s, background-color .3s ease-in-out 0s;
		}

		.btn-more.btn-big:hover, .btn-more.btn-big:focus,
		.form-body .btn-submit:hover, .form-body .btn-submit:focus {
			color: #ffffff;
			background-color: #1b5e9e;
		}

		.form-body .btn-submit:hover, .form-body .btn-submit:focus {
			background-position: 96% center;
			background-position: calc(100% - 20px) center;
		}

		.kb-categories .btn-more.btn-big {
			background-image: url("https://www.tophost.it/themes/frboot/svg/arrow-right-white.svg");
			background-position: 85% center;
			background-position: calc(100% - 50px) center;
			background-repeat: no-repeat;
			background-size: auto 16px;
			height: 100px;
			line-height: 100px;
			margin-top: 1.25em;
			padding-bottom: 0;
			padding-right: 75px;
			padding-top: 0;
			white-space: normal;
			width: 100%;
		}

			.kb-categories .btn-more.btn-big > .text {
				display: inline-block;
				vertical-align: middle;
				line-height: 1.15em;
			}

		.icon-right {
			background-image: url("https://www.tophost.it/themes/frboot/svg/arrow-right-white.svg");
			background-repeat: no-repeat;
			background-size: auto 16px;
			display: inline-block;
			height: 18px;
			margin-left: 10px;
			position: relative;
			top: 3px;
			right: 0;
			-webkit-transition: right .3s ease-in-out 0s;
			        transition: right .3s ease-in-out 0s;
			width: 18px;
		}

		.btn-more.btn-big:hover .icon-right, .btn-more.btn-big:focus .icon-right {
			right: -12px;
		}

.benefit-box.affilitate {
	display: table;
	margin-top: 3em;
	width: 100%;
	max-width: 100%;
}

	.benefit-box.affilitate .padd-30 {
		display: table-cell;
		vertical-align: middle;
	}

	.benefit-box.affilitate .blue {
		background-color: rgba(81, 155, 225, .5);
	}

		.affilitate-content {
			text-align: left;
			padding-top: 30px;
		}

			.affilitate-content > h3 {
				margin-bottom: .75em;
				padding-left: 30px;
			}

			.affilitate-content > .list-unstyled > li {
				border-top: 2px solid #ededed;
				font-size: 14px;
				line-height: 1.7;
				padding: 17px 14px 11px 150px;
				position: relative;
			}

				.affilitate-content > .list-unstyled > li > strong {
					font-size: 18px;
					left: 0;
					padding-left: 30px;
					padding-right: 30px;
					position: absolute;
					top: 50%;
					-webkit-transform: translate(0px, -50%);
					        transform: translate(0px, -50%);
					width: 150px;
				}

	.img-left > .container,
	.pull-right > .container {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}

.pull-right > .container {
	padding-top: 3.5em;
}

.red-bg,
.red-bg a {
	color: #ffffff;
}

.red-bg h2 {
	font-size: 1.875em;
	margin-top: 0;
}

.red-bg p a {
	border-bottom: 2px solid #ffffff;
}

.red-bg p a:hover, .red-bg p a:focus {
	border-bottom-color: #312d36;
	color: #312d36; 
}

.red-bg p {
	font-size: 1.375em;
	line-height: 1.5;
	margin-bottom: 0;
}

.red-bg .btn-more {
	border-radius: 5px;
	border: 2px solid #ffffff;
	color: #ffffff;
	-webkit-transition: background-color .3s ease-in-out 0s, color .3s ease-in-out 0s;
	        transition: background-color .3s ease-in-out 0s, color .3s ease-in-out 0s;
	font-size: 14px;
	text-decoration: none;
}

.red-bg .btn-more:hover, .btn-more:focus {
	background-color: #ffffff;
	border-color: #ffffff; 
	color: #e64c3b;
}

.accordion-item {
	font-size: .875em;
	margin-bottom: 3.57142em;
}

.accordion-title {
	color: #3a7dbd;
    cursor: pointer;
    font-size: 1.25em;
    line-height: 1.25em;
    margin-bottom: .75em;
    margin-top: 1.5em;
    position: relative;
    padding-left: 30px;
}

.accordion-title:hover,
.accordion-title.current {
	color: #1b5e9e;
}

.accordion-title > .arrow-right {
	width: auto;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -11px;
	-webkit-transition: -webkit-transform .3s ease-in-out 0s;
	        transition: -webkit-transform .3s ease-in-out 0s;
	        transition: transform .3s ease-in-out 0s;
	        transition: transform .3s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s;
}

.accordion-title.current > .arrow-right {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}


/** General Page **/
.page .content > p > a {
	font-weight: 700;
	text-decoration: underline;
}

.page .content > p > a:hover, .page .content > p > a:focus {
	text-decoration: none;
}

.page .content > h2 {
	font-size: 2.14285em;
}

.page .content > h3 {
	font-size: 1.71428em;
}

.page .content > h4 {
	font-size: 1.28571em;
}

.page .content > h5 {
	font-size: 1em;
}

.page .content > h2,
.page .content > h3,
.page .content > h4,
.page .content > h5 {
	line-height: 1.25em;
	text-align: center;
}

.content > ol,
.content > ul {
	/*
    padding-left: 0;
	*/
    margin-bottom: 1.5em;
}

.content > ul {
	list-style: none;
}

.content > ol {
	list-style-type: none;
	list-style-type: decimal !ie;
	counter-reset: li-counter;
}

	.content > ol > li,
	.content > ul > li {
		position: relative;
	}

	.content > ol > li:before,
	.content > ul > li:before {
		font-weight: 700;
		position: absolute;
		left: -20px;
	}

	.content > ol > li:before {
		content: counter(li-counter);
		counter-increment: li-counter;
	}

	.content > ul > li:before {
		content: "•";
		font-size: 20px;
		line-height: 23px;
	}


/** Knowladge base **/
.kb .middle {
	padding-bottom: 3.875em;
}

.kb .page-title {
	font-size: 1.875em;
	margin: 0;
}

.kb-article .page-title {
	line-height: 1.2;
}

.kb-article .page-header,
.kb-category .page-header {
	margin-bottom: 3.75em;
}

.kb-categories {
	border-top: 1px solid #ededed;
	padding-top: 3.75em;
	margin-top: 3.75em;
}

.kb-title {
	font-size: 1.5em;
	margin: 0;
}

.kb-main .kb-title {
	margin-bottom: 1.25em;
}

.kb-item {
	position: relative;
	padding-left: 1em;
	margin-bottom: 1.5em;
}

.kb-holder .kb-item,
.kb-category .kb-item {
	font-size: 20px;
}

.kb-item.last,
.news-item.last {
	margin-bottom: 0;
}

	.kb-item > a:hover, .kb-item > a:focus,
	.news-item > a:hover, .news-item > a:focus,
	.web-link:hover,
	.results-item-title:hover, .results-item-title:focus {
		text-decoration: underline;
	}

	.arrow-right {
		display: inline-block;
		height: auto;
		width: 11px;
	}

		.arrow-right > path {
			fill: #eac134;
		}

	.kb-item > .arrow-right {
		position: absolute;
		left: 0;
		top: 9px;
		-webkit-transition: left .3s ease-in-out 0s;
		        transition: left .3s ease-in-out 0s;
		width: 14px;
	}

	.kb-article .kb-item > .arrow-right {
		top: 2px;
	}

	.kb-item:hover > .arrow-right {
		left: 5px;
	}

	.element-testimonial .web-link {
		position: relative;
		padding-left: 25px;
	}

	.web-link > .arrow-right {
		left: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0px, -50%);
		        transform: translate(0px, -50%);
		width: 14px;
	}

.kb-search {
	text-align: center;
	display: block;
	float: left;
	width: 100%;
	margin-top: 2.5em;
}

	.kb-search-inner {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	.twitter-typeahead {
		width: 100%;
	}

		.search-faq {
			background-color: #fafafa;
			background-repeat: no-repeat;
			background-image: url("https://www.tophost.it/themes/frboot/svg/search.svg");
			background-position: 96.5% center;
			background-position: calc(100% - 20px) center;
			border: 2px solid #ededed;
			border-radius: .5em;
			font-size: 20px;
			height: 3em;
			padding-bottom: .5em;
			padding-left: 1.5em;
			padding-top: .5em;
			outline: 0 none;
			-webkit-transition: background-color .3s ease-in-out 0s, border-color .3s ease-in-out 0s;
			        transition: background-color .3s ease-in-out 0s, border-color .3s ease-in-out 0s;
			width: 100%;
		}

		.search-faq.tt-input {
			color: #312d36;
		}

		.search-faq:focus {
			outline: 0 none;
			background-color: #fafafa;
			border-color: #3a7dbd;
		}

		.tt-menu,
		.tt-dropdown-menu {
			background-color: #fafafa;
			border: 2px solid #ededed;
			border-radius: .625em;
			font-size: 16px;
			padding: .9375em 1.875em;
			margin-top: 2px;
			text-align: left;
			width: 100%;
		}

			.tt-suggestion {
				border-bottom: 1px solid #ededed;
				padding-bottom: .5em;
				margin-bottom: .5em;
				display: block;
				float: left;
				width: 100%;
			}

			.tt-suggestion:last-child {
				border-bottom: 0 none;
				padding-bottom: 0;
				margin-bottom: 0;
			}

			.results-item-title {
				font-size: 1.2em;
				line-height: 1.2;
				margin-bottom: .5em;
				display: block;
			}

			.results-item-content {
				font-size: 14px;
			}

			.highlight {
				color: #3a7dbd;
				border-bottom: 2px solid #eac134;
			}

.kb-main {
	margin-top: 3.75em;
}

	.news-item {
		margin-bottom: 1.875em;
	}

		.news-date {
			display: block;
			font-size: .875em;
		}

		.article-content .news-date {
			font-size: 1em;
			display: inline;
		}

.article-info {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #d9edf7;
	background-color: #d9edf7;
	font-size: 20px;
	line-height: 1;
	margin-top: 1.5em;
}

/** Article holder **/
.intro-content {
	background-color: #fff;
	display: block;
	float: left;
	font-size: 18px;
	line-height: 1.6;
	padding: 15px 30px;
	text-align: center;
	margin-bottom: 0;
	width: 100%;
}

/** Article page **/
.article-header {
	margin-bottom: 30px;
	overflow: hidden;
}

	.lead-img {
		position: relative;
		overflow: hidden;
	}

		.img-credits,
		.img-desc {
			color: #000000;
			font-size: 13px;
			display: block;
		}

		.img-credits {
			margin-bottom: 0;
			margin-top: 5px;
			text-transform: uppercase;
			color: #999999;
		}

	.article-content .gallery {
		display: block;
		float: left;
		width: 100%;
		margin: 20px -5px 0;
		max-width: none;
	}

		.gallery figure {
			display: block;
			float: left;
			width: 16.6667%;
			position: relative;
			min-height: 1px;
			margin-bottom: 10px;
			padding-left: 5px;
			padding-right: 5px;
			max-width: none;
		}

			.gallery figure img {
				border: 1px solid #000000;
				max-width: 100%;
			}

			.gallery figure a:hover img, .gallery figure a:focus img { border-color: #333333; }

			.gallery figure figcaption { display: none; }

.video-holder {
	margin-top: 20px;
	margin-bottom: 20px;
}

.flexible-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

	.flexible-container iframe,
	.flexible-container object,
	.flexible-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/** Contact page **/
.message.required,
.error .help-block {
	color: red;
	font-size: 11px;
	line-height: normal;
	letter-spacing: 0px;
	letter-spacing: .05rem;
}

.contact .form-group {
	margin-bottom: 20px;
	display: block;
	float: left;
	width: 100%;
}

.contact .form-body label {
	display: none;
}

.parsley-errors-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.parsley-errors-list.filled li {
		margin-top: 5px;
		font-size: 13px;
		font-style: italic;
		color: red;
		display: block;
		float: left;
	}

/** Login page **/
.login-page {
	background-color: #F5F6F8;
	margin: 0;
}

	.login-page .panel {
		position: relative;
	}

	.login-page .middle {
		left: 0;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translate(0px,50%);
		        transform: translate(0px,50%);
		background-color: transparent;
	}

		.login-page .middle-inner {
			margin: 0 auto;
			padding: 25px !important;
			background-color: #FFFFFF;
			width: 360px;
		}

			.login-page .middle-inner h1 {
				margin: 0 0 .5em;
			}

			.login-page .note {
				margin-bottom: 20px;
				color: #7a7c82;
			}

				.login-page .note p {
					font-size: 15px;
					line-height: 25px;
					margin-bottom: 0;
				}

			.login-page .form-group[id="Remember"] { margin-top: 0; }

	.security-form .btn.action {
		background-color: #DD2A24;
		border-color: #DD2A24;
		border-radius: 0 0 0 0;
		color: #ffffff;
		padding: 9px 25px;
		text-transform: uppercase;
		letter-spacing: 1px;
		white-space: normal;
	}

	.security-form .btn.action:hover,
	.security-form .btn.action:focus {
		background-color: #CC2522;
		border-color: #CC2522;
	}

	#ForgotPassword {
		margin-bottom: 0;
		margin-top: 20px;
	}

/** Error page **/
.error-page .middle {
	padding-top: 40px;
	padding-bottom: 30px;
	margin-top: 80px;
	background-color: #6cadeb;
}

.error-page .middle > div:first-child {
	padding-top: 0;
}

.blue-dots {
	background-image: url("https://www.tophost.it/themes/frboot/svg/blue-dots.svg");
	background-repeat: no-repeat;
	background-position: right center;
}

.error-code {
	background-image: url("https://www.tophost.it/themes/frboot/svg/cloud.svg");
    background-repeat: no-repeat;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 66px;
    height: 139px;
    line-height: 1;
    padding: 48px 54px 32px 32px;
    text-align: right;
    position: relative;
    left: -30px;
    top: -20px;
    width: 329px;
}

.error-page .page-title {
	color: #ffffff;
	font-size: 60px;
	margin-top: 1.5em;
}

.btn-back {
	background-color: #eac134;
	border-radius: 5px;
	color: #ffffff;
}

.btn-back:hover, .btn-back:focus {
	background-color: #f7cd3d;
}

.table-bordered {
	background-color: #fafafa;
	border: 2px solid #ededed;
	border-radius: 10px;
	border-collapse: separate;
}

.table-bordered > tbody > tr > td {
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
	border-top: 1px solid #d7d7d7;
}

.table-bordered > tbody > tr:first-child > td {
	border-top: 0 none;
}

.table-bordered > tbody > tr:first-child > td:first-child {
	border-top-left-radius: 10px;
}

.table-bordered > tbody > tr:first-child > td:last-child {
	border-top-right-radius: 10px;
}

.table-bordered > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 10px;
}

.table-bordered > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 10px;
}


/** Browse happy **/
.browse-happy,
.js-only-msg {
	display: block;
	position: fixed;
	bottom: 0;
	padding: 15px;
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}

body #cookie_container {
	background-color: rgba(0,0,0,.85);
	left: auto;
	right: 10px;
	bottom: 10px;
	border-radius: 10px;
}

	#cookie_container > .cookie_inner {
	    max-width: 400px;
	    width: 100%;
	}

	#cookie_container > .cookie_inner > p {
		padding-top: 0;
		color: #FFFFFF;
		font-size: 12px;
	}

	.cookie_inner > #setCookie {
	    background-color: #3a7dbd;
	    border-radius: 5px;
	    color: #ffffff;
	    font-size: 14px;
	    height: 40px;
	    margin-left: 15px;
	    margin-top: 10px;
	    padding: 9px 16px;
	    text-transform: uppercase;
	}

	.cookie_inner > #setCookie:hover, .cookie_inner > #setCookie:focus {
		background-color: #1b5e9e !important;
		color: #FFFFFF !important;
	}

.no-padd {
	padding: 0;
}

.paddtb-25 {
	padding-bottom: 25px;
	padding-top: 25px;
}

.paddtb-35 {
	padding-bottom: 35px;
	padding-top: 35px;
}

.paddt-50,
.element-testimonial {
	padding-top: 20px;
	padding-bottom: 50px;
	position: relative;
	z-index: 10;
}

.paddt-100 {
	padding-top: 100px;
}

.paddb-50,
.element-testimonial {
	padding-bottom: 50px;
}

.paddb-75 {
	padding-bottom: 75px;
}

.paddb-25 {
	padding-bottom: 25px;
}

.padd-30 {
	padding: 30px;
}

.margt-0 {
	margin-top: 0;
}

.margt-1_5em {
	margin-top: 1.5em;
}

.margb-0 {
	margin-bottom: 0;
}

.pos-abs {
	position: absolute;
	z-index: 99;
}

.pos-bottom {
	bottom: 0;
}

.pos-top {
	top: 0;
	left: 0;
}

.pos-center {
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translate(0px, -50%);
			transform: translate(0px, -50%);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent;
}

.border-top-gray,
.element-testimonial {
	border-top: 1px solid #e5e5e5;
}

.element-testimonial.first {
	border-top: 0 none;
}

.mobile-nav .btn-login {
	float: left;
}
.mobile-nav .btn-webmail {
	float: left;
}

.mobile-nav > .nav {
	background-color: #ffffff;
	border-left: 1px solid #ededed;
	height: 100%;
}

.mobile-nav > .nav > li {
	float: left;
	width: 100%;
}

.mobile-nav > .nav > .main-mobile-links {
	padding: 12px 20px 12px 30px;
}

.mobile-nav > .nav > .delimiter {
	border-top: 1px solid #ededed;
	clear: both;
	height: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 0;
	padding-top: 0;
}

.mobile-nav > .nav > .other-links {
	padding: 10px 20px 10px 30px;
}

.mobile-link-other {
	font-size: 14px;
}

.mobile-link-other:hover, .mobile-link-other:focus {
	text-decoration: underline;
}

.igray {
	-webkit-filter: opacity(50%) grayscale(100%);
	-moz-filter: opacity(50%) grayscale(100%);
	-ms-filter: opacity(50%) grayscale(100%);
	-o-filter: opacity(50%) grayscale(100%);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncA type="table" tableValues="0 0.5" /></feComponentTransfer><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
	filter: opacity(50%) grayscale(100%);
}

.home .middle .uptime-cta {
    background-color: #e2e2e2;
    padding: 15px 0;
}

	.uptime-cta .container {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.uptime-cta h1 {
		line-height: 30px;
		font-size: 20px;
		margin: 0;
	}

		.home .uptime-cta p {
			margin: 0;
			display: inline-block;
		}

		.home .uptime-cta p:first-child {
			position: relative;
			top: 3px;
		}

		.btn-uptime {
			background-color: #22B14C;
			border-color: #22B14C;
			border-radius: 4px;
			color: #ffffff;
			font-size: 13px;
			font-weight: 400;
			line-height: 16px;
			margin-left: 15px;
			padding: 7px 12px;
		}

		.btn-uptime:hover, .btn-uptime:focus {
			background-color: #138535;
            border-color: #138535;
		}

/** Media querys **/
@media (max-width: 370px) {
	.home .package-title {
		font-size: 22px !important;
		line-height: 46px !important; 
	}

	.home .package-box-header > .center-block {
		height: 46px !important;
	}

	.btn.btn-uptime {
		clear: both;
		margin-left: 0;
		margin-top: .5em;
	}

	.home .package-box-header {
		height: 136px !important;
	}

	.middle .element-testimonial .web-link {
		font-size: 16px;
		padding-left: 16px;
	}

	.element.uptime-cta h1 {
		text-align: center;
	}

	.home .uptime-cta p:first-child {
		display: block;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.container {
		width: 450px;
	}
}

@media (max-width: 767px) {
	body {
		background-color: #ededed;
	}

	h1, h2, h3, h4 {
		line-height: 1.15;
	}

	.navbar-brand {
		display: block;
		height: 32px;
		width: auto;
	}

	.package-box {
		margin-top: 86px;
		margin-bottom: 2em;
	}

/*
	.package-box.yellow {
		margin-top: 86px;
		margin-bottom: 2em;
	}
*/

	.home .package-box.yellow {
		margin-top: 2em;
	}

	.footer .list-inline > li {
		margin-bottom: 7.5px;
		display: block;
	}

	.footer-center .col-sm-4,
	.articleholder .middle {
		margin-bottom: 1.875em;
	}

	.footer-center .col-sm-4:last-child,
	.footer .list-inline > .last {
		margin-bottom: 0;
	}

	.footer-bottom .container {
		width: auto;
	}

	.benefit-box.affilitate .blue,
	.aligner {
		display: block;
	}

	.navbar-toggle {
		margin-top: 3px;
	}

	.home .package-box-header {
		height: 144px;
		padding-top: 72px !important;
	}

	.home .package-box-header > .center-block {
		float: right;
		height: 35px; 
		left: auto;
		position: relative;
		top: 5px;
	}

	.home .middle .uptime-cta {
	    margin-top: 57px;
	}

	.uptime-cta h1 {
		margin-bottom: .5em;
	}

	.uptime-cta .text-right {
		text-align: center;
	}

	.package-box-inheader {
		padding-left: 15px;
		padding-right: 15px;
	}

	.red-bg .paddt-50,
	.testimonialpage .element-testimonial.first {
		padding-top: 20px;
	}

	.element.red-bg .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.red-bg p {
		font-size: 18px;
	}

	.element-testimonial .large-text {
		font-size: 20px;
	}

	.element-testimonial .web-link {
		word-wrap: break-word;
		font-size: 18px;
	}

	.middle > .red-bg:first-child {
		padding-top: 40px;
	}

	.testimonialpage .paddt-100 {
		padding-top: 50px;
	}
}

@media (min-width: 768px) {
	html {
		min-height: 100%;
		position: relative;
	}

	body {
		margin-bottom: 372px;
	}

	.footer {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 372px;
	}

	.navbar {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.navbar-header {
		margin-right: 30px;
	}

	.element .content > h2 {
		font-size: 1.75em;
	}

	.middle > .yellow-bg:first-child {
		padding-top: 103px;
	}

	.middle > div:first-child {
		padding-top: 120px;
	}

	.package-box-header {
		padding: 30px 27.5px;
	}

	.sub-box .package-box-header {
		height: 250px;
		padding: 185px 15px 15px;
	}

	.home .package-box-header {
	    height: 132px;
	    padding-top: 67px;
	    padding-left: 30px;
	    padding-right: 30px;
	}

	.package-box-header > .center-block,
	.benefit-box > .center-block {
		left: 50%;
		position: absolute;
		top: 15px;
		-webkit-transform: translate(-50%, 0px);
		        transform: translate(-50%, 0px);
		margin-bottom: 0;
	}

	.home .package-box-header > .center-block {
		float: right;
		height: 35px;
		left: auto;
		position: relative;
		top: 5px;
		-webkit-transform: translate(0px, 0px);
		        transform: translate(0px, 0px);
	}

	.benefit-box > .center-block {
		top: 20px;
	}

	.best-offer,
	.package-box-body {
		padding: 15px 15px;
	}

	.element .content > h2 {
		float: left;
		width: 50%;
		font-size: 3.75em;
		line-height: 1.05;
		margin-bottom: 0;
		margin-top: 5%;
	}

	.element .content.testimonial > h2 {
		width: auto;
		margin-top: 15%;
	}

	.element.yellow-bg {
		height: 531px;
	}

	.element.yellow-bg figure {
		float: right;
		text-align: right;
		width: 50%;
	}

	.element.yellow-bg figure > img {
		width: 380px;
		position: relative;
		top: 50px;
		padding: 0;
	}

	.element.yellow-bg figure:before {
		background-image: url("img/white-dots.png");
		background-repeat: no-repeat;
		bottom: 0;
		content: "";
		height: 497px;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 746px;
		opacity: .8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
	}

	.element.yellow-bg:before {
		background-image: url("img/yellow-spot.png");
		background-position: 0 0;
		background-repeat: no-repeat;
		bottom: 0;
		content: "";
		height: 531px;
		left: auto;
		position: absolute;
		right: 15%;
		top: 0;
		width: 707px;
		opacity: .8;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
	}

	.package-box-body {
		height: 275px;
	}

	.home .package-box-body {
		height: 500px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.col-md-3 .package-box-body,
	.sub-box .package-box-body,
	.testimonialpage .img-left img {
		height: auto;
	}

	.element > .container {
		padding-top: 5em;
	}

	.acquista-dominio-economico .element:last-child > .container,
	.hosting-php-mysql-economico .element:last-child > .container,
	.hosting-php-mysql-economico-performance .element:last-child > .container {
		padding-bottom: 5em;
	}

	.element.red-bg {
		margin-top: 5em;
	}

	.f-s-3 {
		font-size: 1.875em;
	}

	.margb-3em {
		margin-bottom: 3.16666em;
	}

	.margb-2em {
		margin-bottom: 2em;
	}

	.home .element-content h3,
	.server-vps .main-title {
		margin-bottom: 2.5em;
	}

	.img-left {
		position: inherit;
		padding-top: 20px;
	}

	.img-left img {
		left: 0;
		overflow: visible;
		position: absolute;
		z-index: auto;
	}

	.middle > .margt-0 {
		margin-top: 0;
	}

	.benefit-box.padd-30 {
	    height: 320px;
	}

	.benefit-box.padd-30 {
		padding-top: 180px;
	}

	.push-sm-right {
		float: right;
	}

	.hosting-php-mysql-economico .main-title {
		margin-bottom: 3em;
	}

	.footer-img {
		height: 57px;
		position: relative;
	}

	.footer-img img {
		left: 0;
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translate(0px, -50%);
		        transform: translate(0px, -50%);
	}

	.home .middle .uptime-cta {
	    margin-top: 80px;
	}

	.home .element > .container {
		padding-top: 3em;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar {
		padding-bottom: 20px;
	}

	.navbar-header {
		margin-right: 0;
		float: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-toggle {
		margin-top: 7px;
	}

	.form-1 .btn-submit {
		margin-top: 26px;
	}

	.benefit-box.affilitate .blue img,
	.benefit-box > .center-block {
		width: 175px;
		height: auto;
	}

	.package-box-body {
		height: 235px;
	}

	.server-vps .benefit-box.padd-30 {
		height: 300px;
		padding: 15px;
		padding-top: 160px;
	}

	.server-vps .element-content .benefit-title {
		font-size: 1.5em;
		padding-left: 30px;
	}

	.element.yellow-bg {
		height: 501px;
	}

	.element .content > h2 {
		font-size: 3.25em;
	}

	.testimonialpage .img-left {
		height: 270px;
	}

	.testimonialpage .img-left img {
		height: 300px;
		width: auto;
	}

	.uptime-cta h1 {
		text-align: left;
		font-size: 17px;
	}

	.home .uptime-cta p {
		font-size: 14px;
	}

	.img-left img {
		left: -55px;
		width: 515px;
	}

	.red-bg p {
		font-size: 20px;
	}

	.red-bg .paddt-50 {
		padding-top: 30px;
		padding-bottom: 20px;
	}
}

@media (min-width: 992px) {
	#menu {
		display: none;
	}

	.dropdown {
		position: absolute;
		left: -30px;
		top: 100%;
		z-index: 1001;
		width: 310px;
		padding: 20px 30px;
		background-color: #ffffff;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border: 1px solid #ededed;
		border-top: 0 none;
        border-radius: 4px;
        -moz-box-shadow: 0px 6px 11px rgba(0, 0, 0, .175);
        -webkit-box-shadow: 0px 6px 11px rgba(0, 0, 0, .175);
        box-shadow: 0px 6px 11px rgba(0, 0, 0, .175);
	}

	.has-dropdown > a {
		background-position: right 14px;
	}

	.acquista-dominio-economico .push-sm-right,
	.hosting-php-mysql-economico .push-sm-right,
	.hosting-php-mysql-economico-performance .push-sm-right {
		margin-right: 8.33333%;
	}

	.dropdown > li {
		margin-bottom: 20px;
	}

	.footer-center h5 {
		min-height: 35px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.img-left {
		height: 357px;
	}

	.img-left img {
		width: 560px;
		height: 337px;
	}

	.kb-search-inner {
		width: 60%;
	}

	.navbar-header,
	.menu-item {
		margin-right: 10px;
	}

	.package-box-inheader .package-subtitle {
		font-size: 15px;
	}

	.package-box-inheader,
	.home .package-box-body,
	.home .package-box-header {
		padding-left: 5px;
		padding-right: 5px;
	}

	.home .package-title {
		font-size: 23px;
	}

	.red-bg p {
		font-size: 20px;
	}

	.red-bg .paddt-50 {
		padding-top: 30px;
		padding-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	.img-left {
		height: 474px;
	}

	.img-left img {
		height: 454px;
	}

	.kb-search-inner {
		width: 50%;
	}

	.home .package-title {
		font-size: 28px;
	}
}

.btn-block{
	background-color: #3a7dbd;
    background-size: 16px auto;
    color: #fff;
    display: block;
    font-size: 1.33333em;
    position: absolute;
    right: 0;
    padding-left: 0;
    width: 100%;
	border-radius: 5px;
}
.btn-block.arrow{
	background-color: #3a7dbd;
    background-image: url(https://www.tophost.it/themes/frboot/svg/arrow-right-white.svg);
    background-position: 85% center;
    background-position: calc(100% - 50px) center;
    background-repeat: no-repeat;
    background-size: 16px auto;
	-webkit-transition: background-position .3s ease-in-out 0s,background-color .3s ease-in-out 0s;
    transition: background-position .3s ease-in-out 0s,background-color .3s ease-in-out 0s;
}
.label {
	display: inline;
	padding: 0.2em 0.6em 0.3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25em;
  }
  a.label:hover,
  a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
  }
  .label:empty {
	display: none;
  }
  .btn .label {
	position: relative;
	top: -1px;
  }
  .label-default {
	background-color: #777777;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
	background-color: #5e5e5e;
  }
  .label-primary {
	background-color: #337ab7;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
	background-color: #286090;
  }
  .label-success {
	background-color: #5cb85c;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
	background-color: #449d44;
  }
  .label-info {
	background-color: #5bc0de;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
	background-color: #31b0d5;
  }
  .label-warning {
	background-color: #f0ad4e;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
	background-color: #ec971f;
  }
  .label-danger {
	background-color: #d9534f;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
	background-color: #c9302c;
  }
  }
  pre {
	overflow: auto;
  }
  code,
  kbd,
  pre,
  samp {
	font-family: monospace, monospace;
	font-size: 1em;
  }
  code,
  kbd,
  pre,
  samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  }
  code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;
  }
  kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;
  }
  pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #ededed;
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;
  }
  .pre-scrollable {
	max-height: 340px;
	overflow-y: scroll;
  }
	
	.homeh1 {
	font-size: xx-large; 
	margin-top: -10px;
	}
	
	.homeh2 {
		font-size: x-large;
	}
	.package-title span {
    font-size: 10px;
    position: absolute;
    margin-top: -25px;
}
.margb-3em,
.element-content .homeh3 {
margin-top: -5px;
font-size: xx-large;
margin-bottom: 30px;	
}
.homeh3 {
margin-top: -5px;
font-size: xx-large;
margin-bottom: 30px;	
}

/*
@import url("https://fonts.googleapis.com/css?family=Oswald:300");
*/
/*
p, ul, li {
  margin: 0;
  padding: 0;
  margin-bottom: 24px;
}
p:last-child, ul:last-child, li:last-child {
  margin-bottom: 0;
}

a {
  color: #00ACC1;
}

code {
  background: #ECEFF1;
}
*/
.wrapper {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}

.details-group {
  /*
  border: 0px solid #ECEDE7;
  */
  border-top: 1px solid  #ECEDE7; 
  border-bottom: 1px solid #ECEDE7;
  border-radius: 5px;
  /*
  background-color: white;
  */
}
.details {
  overflow: hidden;
  border-bottom: 1px solid #ECEDE7;
  transition: height 300ms ease-in-out;
}
.details:hover{
  background-color:  #F5F5F2;
}
.details:last-child {
  border-bottom: 0;
}
.details__summary, .details__content {
   padding: 10px;
}
.details__summary {
  position: relative;
  list-style: none;
  padding-left: 48px;
  outline: 0;
  cursor: pointer;
  color: #0D7CD4; /* aCaDa7*/
  font-size: 1.4rem;
  font-weight: bold;
  /*
  font-family: Oswald;
  text-transform: uppercase;
 */
  transition: color 150ms ease-in-out;
}
[open] > .details__summary {
  color:#005CBB; 
}
.details__summary::-webkit-details-marker {
  display: none;
}
.details__summary:before, .details__summary:after {
  content: "";
  position: absolute;
}
.details__summary:before {
  left: 20px;
  top: 50%;
  height: 3px;
  margin-top: -2px;
  width: 17px;
  background: #0D7CD4; /* #aCaDa7;*/
}
.details__summary:after {
  left: 28px;
  top: 50%;
  height: 17px;
  margin-top: -9px;
  width: 3px;
  margin-left: -1px;
  background:  #0D7CD4; /* #aCaDa7;*/
  transition: all 150ms ease-in-out;
}
[open] .details__summary:after {
  opacity: 0;
  transform: translateY(25%);
}
.details__content {
  padding-top: 0;
  padding-left: 48px;
}
/* ----------------------------------------------------- */
/*
@import url("https://fonts.googleapis.com/css?family=Hind:300,400&display=swap");
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}
*/
/*
.containerr body{
  margin: 0;
  padding: 0;
  font-family: "Hind", sans-serif;
  background: #fff;
  color: #4d5974;
  display: -webkit-box;
  display: flex;
  min-height: 100vh;
}
*/
/*
.containerr {
  margin: 0 auto;
  padding: 4rem;
  width: 48rem;
}
*/
.accordionn .accordionn-item {
  border-bottom: 1px solid #e5e5e5;
}
.accordionn .accordionn-item button[aria-expanded="true"] {
  border-bottom: 1px solid #03b5d2;
}
.accordionn button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
/*  font-size: 1.15rem;
*/
  font-weight: 800;
  border: none;
  background: none;
  outline: none;
}
.accordionn button:hover, .accordionn button:focus {
  cursor: pointer;
  color: #03b5d2;
}
.accordionn button:hover::after, .accordionn button:focus::after {
  cursor: pointer;
  color: #03b5d2;
  border: 1px solid #03b5d2;
}
.accordionn button .accordionn-title {
  padding: 1em 1.5em 1em 0;
}
.accordionn button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
}
.accordionn button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordionn button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordionn button[aria-expanded="true"] {
  color: #03b5d2;
}
.accordionn button[aria-expanded="true"] .icon::after {
  width: 0;
}
.accordionn button[aria-expanded="true"] + .accordionn-content {
  opacity: 1;
  max-height: 9em;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
.accordionn .accordionn-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 200ms linear, max-height 200ms linear;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordionn .accordionn-content p {
/*  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
*/
}

