* {
  -webkit-appearance: none !important;
}

html {
  font-size: 16px;
}

html, body {
  font-family: "Roboto", sans-serif;
  color: #545454;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}

html *, html *:focus, body *, body *:focus {
  outline: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  max-width: 1400px;
}

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

.demi-container {
  padding: 0 15px;
}

@media (min-width: 1600px) {
  .demi-container {
    width: calc(1400px / 2);
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  .demi-container {
    width: calc(1200px / 2);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .demi-container {
    width: calc(1000px / 2);
  }
}

.container-fluid {
  width: 100%;
  padding: 0;
}

.container-fluid .row {
  padding: 0;
  margin: 0;
}

.container-fluid .row > [class*="col-"] {
  padding: 0;
}

.container-fluid > [class*="col-"] {
  padding: 0;
}

.js-map {
  width: 100%;
  min-height: 300px;
  height: 100%;
  background-color: #e6e6e6;
  position: relative;
}

.js-map:before {
  position: absolute;
  content: "MAP";
  opacity: 0.5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.js-map .marker-collection {
  display: none;
}

/*h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6{
		font-weight:$fw-bold; 
	}

	h1, .h1{
		@include rem(51); 
		margin-bottom:1em;
		margin-top:0;
	}
	h2, .h2{
		@include rem(37.5);
		margin-bottom:1em;
		margin-top:0;
	}
	h3, .h3{
		@include rem(28);
		margin-bottom:.8em;
		margin-top:0;
	}
	h4, .h4{
		@include rem(23.5);
		margin-bottom:.7em;
		margin-top:0;
	}
	h5, .h5{
		@include rem(21);
		margin-bottom:.5em;
		margin-top:0;
	}
	h6, .h6{
		@include rem(18);
		margin-bottom:.4em;
		margin-top:0;
	}

	// Margins top only in editable blocks
	.editable{
		h2{margin-top:0.80em;}
		h3, h4, h5, h6{margin-top:1em;}
	}*/
p, blockquote {
  font-size: 1rem;
  line-height: 1.57;
  margin-bottom: 1.3em;
}

/*a {
		text-decoration: underline; 
		font-weight: $fw-medium; 
		color: $activeColor; 
		// font-size: 1rem;
		&:hover, &:active, &:focus{
			color: $secondaryColor;
		}
		:not(.editable) & { 
			text-decoration: none;
			&:hover, &:active, &:focus {
				text-decoration:none;
			}
		}
	}*/
ul[class], ol[class] {
  list-style-type: none;
  padding: 0;
}

ul:not([class]), ol:not([class]) {
  padding-left: 1.5rem;
}

ul.bordered li:not(:last-child), ol.bordered li:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}

ul li, ol li {
  padding-bottom: 0.4em;
  margin-bottom: 0.4em;
}

ul li[class*='icon-']:before, ol li[class*='icon-']:before {
  top: 0.15em;
  -webkit-transform: none;
  transform: none;
}

ul.aligned, ol.aligned {
  margin: 0;
}

ul.aligned li, ol.aligned li {
  display: inline-block;
  margin: 0;
}

ul.aligned li:not(:last-child), ol.aligned li:not(:last-child) {
  margin-right: 1em;
}

ul.aligned li *, ol.aligned li * {
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 991px) {
  ul.aligned.mob-to-col li, ol.aligned.mob-to-col li {
    display: block;
    margin: 0;
  }
}

.Btn {
  display: inline-block;
  background: #00a0e3;
  color: #ffffff;
  font-weight: 700;
  padding: 7px 20px;
  border: 2px solid transparent;
  text-decoration: none;
  vertical-align: middle;
  font-size: 1rem;
  border-radius: 3px;
}

.Btn:empty {
  padding: 0;
  height: 2.5rem;
  width: 2.5rem;
}

.Btn.Btn-light {
  background: #03b5ff !important;
}

.Btn.Btn-light:hover {
  background: #17bbff !important;
}

.Btn.Btn-dark {
  background: #008ac4 !important;
}

.Btn.Btn-dark:hover {
  background: #007cb0 !important;
}

.Btn:hover {
  background: #03b5ff;
  color: #ffffff;
}

.Btn.Btn-second {
  background: green;
}

.Btn.Btn-second.Btn-light {
  background: #009f00 !important;
}

.Btn.Btn-second.Btn-light:hover {
  background: #00b300 !important;
}

.Btn.Btn-second.Btn-dark {
  background: #006100 !important;
}

.Btn.Btn-second.Btn-dark:hover {
  background: #004d00 !important;
}

.Btn.Btn-second:hover {
  background: #009f00;
  color: #ffffff;
}

.Btn.Btn-second.Btn-bordered {
  border: 2px solid green !important;
  color: green;
}

.Btn.Btn-second.Btn-bordered:hover {
  background: green !important;
  color: #ffffff;
}

.Btn.Btn-thin {
  padding: 3px 12px;
}

.Btn.Btn-large {
  padding: 12px 26px;
}

.Btn.Btn-bordered {
  background: none !important;
  color: #00a0e3;
  border: 2px solid #00a0e3;
}

.Btn.Btn-bordered:hover {
  background: #00aef7 !important;
  color: #ffffff;
}

.Btn.Btn-round {
  border-radius: 50% !important;
}

.Btn.Btn-gray {
  color: #ffffff;
  background: gray !important;
}

.Btn.Btn-gray:hover {
  background: #8f8f8f !important;
}

.Btn.Btn-gray.Btn-bordered {
  border: 2px solid gray !important;
  color: green;
}

.Btn.Btn-gray.Btn-bordered:hover {
  background: gray !important;
  color: #ffffff;
}

.Btn.Btn-grayLight {
  color: gray;
  background: #f2f2f2 !important;
}

.Btn.Btn-grayLight.Btn-bordered {
  border: 2px solid #f2f2f2 !important;
  color: #545454;
  background: none !important;
}

.Btn.Btn-grayLight.Btn-bordered:hover {
  background: #f2f2f2 !important;
  color: #ffffff;
}

.Btn.Btn-grayLight:hover {
  background: #e3e3e3 !important;
}

.Btn.Btn-grayDark {
  background: #545454 !important;
}

.Btn.Btn-grayDark:hover {
  background: #636363 !important;
}

.Btn.Btn-grayDark.Btn-bordered {
  border: 2px solid #545454 !important;
  color: #545454;
  background: none !important;
}

.Btn.Btn-grayDark.Btn-bordered:hover {
  background: #545454 !important;
  color: #ffffff;
}

.Btn:first-child ~ .Btn {
  margin-left: 0.5em;
}

hr {
  border: none;
  height: 1px;
  background: #cccccc;
  margin: 2rem 0;
}

hr.medium {
  margin: 3rem 0;
}

hr.large {
  margin: 4rem 0;
}

hr.thin {
  margin: 1rem 0;
  background: #ebebeb;
}

[class*="error"], [class*="error"] + label {
  color: #cc0000;
}

[class*="valid"], [class*="valid"] + label {
  color: #00a0e3;
}

label[class*="error"],
label[class*="validated"] {
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
}

label {
  display: block;
  margin-bottom: 1rem;
}

[class*="form-element"] {
  margin-bottom: 20px;
  position: relative;
}

[class*="form-element"] .line {
  display: inline-block;
  top: calc(100% - 1px);
  z-index: 1000;
  left: 0;
  position: absolute;
  width: 0%;
  height: 1px;
  background: #00a0e3;
  transition: all .2s;
}

[class*="form-element"] input:focus ~ .line {
  width: 100%;
}

[class*="form-element"][class*="icon-"] {
  padding-right: 0;
  padding-left: 0;
}

[class*="form-element"] hr {
  margin: 0;
  width: 100%;
}

[class*="form-element"] input:not([type="radio"]),
[class*="form-element"] input:not([type="checkbox"]) {
  display: block;
  width: 100%;
  padding: 0.8rem;
  background: none;
  border: none;
}

[class*="form-element"][class*="radio"], [class*="form-element"][class*="checkbox"] {
  display: inline-block;
}

[class*="form-element"][class*="radio"].boxed, [class*="form-element"][class*="checkbox"].boxed {
  padding: 0.8em 0.8em 0.7em;
}

[class*="form-element"][class*="radio"] input, [class*="form-element"][class*="checkbox"] input {
  display: none;
}

[class*="form-element"][class*="radio"] label, [class*="form-element"][class*="checkbox"] label {
  margin-bottom: 0;
  position: relative;
  padding-left: 1.8em;
}

[class*="form-element"][class*="radio"] label:before, [class*="form-element"][class*="checkbox"] label:before {
  position: absolute;
  content: "";
  top: 0.08em;
  left: 0;
  background: #ffffff;
  border: 1px solid silver;
  border-radius: 2px;
  width: 1.1em;
  height: 1.1em;
}

[class*="form-element"][class*="radio"][class*="radio"] label:before, [class*="form-element"][class*="checkbox"][class*="radio"] label:before {
  border-radius: 40px;
}

[class*="form-element"][class*="radio"] :checked + label:before, [class*="form-element"][class*="checkbox"] :checked + label:before {
  background: #00a0e3;
  border-color: #00a0e3;
}

[class*="form-element"][class*="radio"]:first-child ~ [class*="form-element"][class*="radio"], [class*="form-element"][class*="checkbox"]:first-child ~ [class*="form-element"][class*="radio"], [class*="form-element"][class*="radio"]:first-child ~ [class*="form-element"][class*="checkbox"], [class*="form-element"][class*="checkbox"]:first-child ~ [class*="form-element"][class*="checkbox"] {
  margin-left: 0.8em;
}

[class*="form-element"] textarea {
  padding: 0.8rem;
  height: auto;
  min-height: 100px;
  width: 100%;
  background: none;
  border: none;
}

[class*="form-element"].boxed {
  background: #f2f2f2;
}

[class*="form-element"]:not(.boxed) input:not([type="radio"]),
[class*="form-element"]:not(.boxed) input:not([type="checkbox"]) {
  padding-left: 0;
  padding-right: 0;
}

table {
  width: 100%;
  font-weight: 500;
  margin-bottom: 30px;
}

table th {
  font-size: 0.71875rem;
  text-transform: uppercase;
}

table td {
  font-size: 0.84375rem;
}

table th, table td {
  padding: 10px;
  border: 1px solid #cccccc;
}

table th:empty, table td:empty {
  background: #f2f2f2;
}

blockquote {
  border: none;
  padding: 0;
  padding-left: 1.2em;
  position: relative;
}

blockquote:before {
  position: absolute;
  content: "";
  top: 0.35em;
  height: calc(100% - 0.65em);
  left: 0;
  background: #545454;
  width: 0.2em;
}

.tabs-wrap .nav {
  margin-bottom: 2rem;
}

.tabs-wrap .nav li {
  padding: 0;
}

.tabs-wrap .nav li a {
  border-radius: 0;
  text-decoration: none;
  color: gray;
}

.tabs-wrap .nav li.active a {
  color: #00a0e3;
  position: relative;
}

.Accordions {
  margin-bottom: 2em;
  border-top: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}

.Accordions .Accordions_block {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}

.Accordions .Accordions_block:not(:last-child) {
  border-bottom: 2px solid #cccccc;
}

.Accordions .Accordions_block p:last-child {
  margin: 0;
}

.Accordions .Accordions_block .Accordions_header .Accordions_title {
  margin: 0;
}

.Accordions .Accordions_block .Accordions_header.active .Accordions_title {
  color: #00a0e3;
  transition: all ease .3s;
}

.Accordions .Accordions_block .Accordions_header.active .Accordions_title:before {
  color: #00a0e3;
  transition: all ease .3s;
}

.Accordions .Accordions_block .Accordions_content {
  margin-top: 1.3rem;
  display: none;
}

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