/*
 *  Table of contents. You can find content by these keywords:
 *
 *  MAIN
 *  HEADINGS
 *  BUTTONS
 *  LINKS
 *  GRID
 *  OFFSETS
 *  ALIGNMENT
 *  FORMS
 *  TABLES
 *  IMAGES
 *  ICONS
 *  TEXTS, FONTS
 *  LISTS
 *  TABS
 *  ACCORDION
 *  BREADCRUMBS
 *  PAGINATION
 *  COLORS-AND-BACKGROUNDS
 *  DROPDOWN
 *  MODAL
 *  SECTIONS */
/*MAIN*/
html, body {
  min-width: 1200px;
}

html {
  font-size: 16px;
}

body {
  position: relative;
  color: #383839;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
}

/*HEADINGS*/
h1, h2, h3, h4, h5 {
  margin-top: 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
}

h1 {
  /*40px*/
  font-size: 2.5rem;
}

h2 {
  /*30px*/
  font-size: 1.875rem;
}

h3 {
  /*26px*/
  font-size: 1.625rem;
}

h3.bigger {
  /*27px*/
  font-size: 1.92857rem;
}

h4 {
  /*20px*/
  font-size: 1.25rem;
}

h4.bigger {
  /*22px*/
  font-size: 1.375rem;
}

h5 {
  /*18px*/
  font-size: 1.125rem;
}

.display-1 {
  /*45px*/
  font-size: 3.21429rem;
}

.display-2 {
  /*31px*/
  font-size: 2.21429rem;
}

.display-3 {
  /*30px*/
  font-size: 2.14286rem;
}

.display-4 {
  /*20px*/
  font-size: 1.42857rem;
}

/*BUTTONS*/
/*SIZING*/
.btn {
  min-width: 270px;
  padding: 9px 40px;
  border-width: 2px;
  border-radius: 5px;
  font-weight: 700;
  /*26px*/
  font-size: 1.625rem;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-family: "Titillium Web", sans-serif;
}

.btn:focus {
  box-shadow: none;
}

.btn-lg {
  padding: 15px 53px 18px 53px;
  /*28px*/
  font-size: 1.75rem;
}

/*REGULAR BUTTONS*/
.btn-warning {
  color: #fff;
  background-color: #edb110;
  border-color: #edb110;
}

.btn-warning:hover {
  color: #fff;
  background-color: #FFBF0F;
  border-color: #FFBF0F;
}

.btn-warning:focus {
  color: #fff;
  background-color: #edb110;
  border-color: #edb110;
}

.btn-warning:active {
  color: #fff;
  background-color: #edb110;
  border-color: #edb110;
}

.btn-warning:active:hover, .btn-warning:active:focus {
  color: #fff;
  background-color: #edb110;
  border-color: #edb110;
}

.btn-warning:disabled:focus, .btn-warning:disabled:hover {
  background-color: #f88014;
  border-color: #f88014;
}

.btn-danger {
  color: #fff;
  background-color: #e11818;
  border-color: #e11818;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c11515;
  border-color: #c11515;
}

.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #9c1111;
  border-color: #9c1111;
}

.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus {
  background-color: #e11818;
  border-color: #e11818;
}

.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
  background-color: #e11818;
  border-color: #e11818;
}

/*OUTLINE BUTTONS*/
/*LINKS*/
a {
  color: #3a577d;
  text-decoration: none;
}

.no-underline {
  text-decoration: none;
}

.no-underline:hover, .no-underline:focus {
  text-decoration: none;
}

.underline {
  text-decoration: underline;
}

/*GRID*/
.container {
  position: relative;
  display: block;
  width: 1200px;
}

.container-narrow {
  width: 1080px;
}

/*OFFSETS*/
.mb-1 {
  margin-bottom: 15px !important;
}

.mb-2 {
  margin-bottom: 30px !important;
}

.p-1 {
  padding: 15px 15px !important;
}

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

/*ALIGNMENT*/
.middle {
  display: inline-block;
  vertical-align: middle;
}

/*VERTICAL ALIGNMENT AND SAME-HEIGHT*/
/*FORMS*/
.form-control, input[type="text"], .select, .form-tooltip-link {
  height: 49px;
}

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

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="number"]:-moz-placeholder {
  color: #3a577d;
  opacity: 1;
}

textarea:-moz-placeholder, .select:-moz-placeholder, .form-tooltip-link:-moz-placeholder, .form-control::-moz-placeholder {
  color: #3a577d;
  opacity: 1;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="number"]::-moz-placeholder {
  color: #3a577d;
  opacity: 1;
}

textarea::-moz-placeholder, .select::-moz-placeholder, .form-tooltip-link::-moz-placeholder {
  color: #3a577d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #3a577d;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder {
  color: #3a577d;
}

textarea:-ms-input-placeholder, .select:-ms-input-placeholder, .form-tooltip-link:-ms-input-placeholder {
  color: #3a577d;
}

.form-control, input[type="text"], .select {
  padding: 10px 15px;
  border: #383839 2px solid;
  color: #3a577d;
  font-weight: 700;
  /*18px*/
  font-size: 1.125rem;
  border-radius: 4px;
}

.form-control:focus, input[type="text"]:focus, .select:focus {
  box-shadow: none;
  border-color: #383839;
}

.moving-group, .select {
  position: relative;
  background-color: #FFF;
}

.moving-group .moving-label {
  position: absolute;
  top: 14px;
  left: 15px;
  z-index: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  /*18px*/
  font-size: 1.125rem;
  color: #3a577d;
}

.moving-group .moving-label-small-text {
  margin-left: 18px;
  font-weight: 400;
  /*12px*/
  font-size: 0.85714rem;
  font-weight: 600;
  color: #34393f;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}

.moving-group .moving-input {
  position: relative;
  z-index: 1;
  background: transparent;
}

.moving-group.filled .moving-input {
  padding-top: 12px;
  padding-bottom: 4px;
}

.moving-group.filled .moving-label {
  top: 5px;
  /*14px*/
  font-size: 0.875rem;
  color: #8c8c8c;
  font-weight: 600;
}

.moving-group.filled .moving-label-small-text {
  opacity: 0;
}

/*SELECT CUSTOM*/
.select {
  position: relative;
  z-index: 1;
  padding: 0;
}

.select:before, .select:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.select:before {
  content: '';
  display: block;
  right: 29px;
  width: 1px;
  height: 22px;
  margin-top: -11px;
  background-color: #919191;
}

.select:after {
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: transparent 6px solid;
  border-top: #1a7d94 6px solid;
}

.select select {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select select::-ms-expand {
  display: none;
}

:-moz-any(.select):before {
  pointer-events: none;
  z-index: 1;
}

/*CHECKBOX CUSTOM*/
.checkbox-custom {
  position: relative;
  display: inline-block;
}

.checkbox-custom input[type=checkbox] {
  display: none;
}

.checkbox-custom input[type=checkbox]:checked + label:before {
  border: none;
  background-image: url(../img/checkbox.png);
  background-repeat: no-repeat;
}

.checkbox-custom label {
  display: block;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

.checkbox-custom label:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  border: #3a577d 1px solid;
  border-radius: 2px;
  box-sizing: border-box;
}

/*ALERTS*/
/*TABLES*/
/*IMAGES*/
.img-fluid {
  max-width: 100%;
  height: auto;
}

/*ICONS*/
.icon-left {
  margin-right: 5px;
}

/*TEXTS, FONTS*/
.font-main {
  font-family: "Open Sans", sans-serif;
}

.text-sm {
  /*15px*/
  font-size: 0.9375rem;
}

.text-sm-2 {
  /*14px*/
  font-size: 0.875rem;
}

.text-sm-3 {
  /*13px*/
  font-size: 0.8125rem;
}

.text-xs {
  /*12px*/
  font-size: 0.75rem;
}

.bigger {
  /*18px*/
  font-size: 1.125rem;
}

.fw400 {
  font-weight: 400;
}

.fw700, b {
  font-weight: 700;
}

/*SELECTED TEXT BACKGROUND*/
::moz-selection {
  background: #9ab1d0;
}

::selection {
  background: #9ab1d0;
}

/*COLORS-AND-BACKGROUNDS*/
.bg-blue {
  background-color: #3a577d;
}

.bg-black {
  background-color: #171717;
}

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

.bg-main {
  background-color: #383839;
}

.bg-orange {
  background-color: #edb110;
}

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

.bg-green {
  background-color: #44a54d;
}

.green {
  color: #44a54d;
}

.blue {
  color: #3a577d;
}

.main {
  color: #383839;
}

.green {
  color: #44a54d;
}

.white {
  color: #fff;
}

.orange {
  color: #edb110;
}

.blue-dark {
  color: #0a2836;
}

.grey-dark {
  color: #494d51;
}

.red {
  color: #e11818;
}

/*LISTS*/
/*unordered list*/
body {
  counter-reset: outer;
}

