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

/*!=============================================
============GENERAL BUTTON STYLING=============
===============================================*/
[class*=btn] {
  display: inline-block;
  padding: 1em 2em;
  font-family: sans-serif;
  color: white;
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: -.02em;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
[class*=btn]:before, [class*=btn]:after {
  width: 1em;
  text-align: center;
  height: 100%;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
[class*=btn]:hover:before, [class*=btn]:hover:after, [class*=btn]:focus:before, [class*=btn]:focus:after {
  width: 1.2em;
}
[class*=btn]:after {
  position: absolute;
  top: 0em;
  right: 0;
}
[class*=btn]:before {
  position: absolute;
  top: 0em;
  left: 0;
}

/*!=============================================
============COLOR SCHEMES + STYLES=============
===============================================*/
.btn-kobalt {
  background: #3981f2;
}
.btn-kobalt.btn-basic, .btn-kobalt.btn-basic_rounded, .btn-kobalt.btn-embossed {
  border: 1px solid #2172f0;
  color: #e1ecfd;
}
.btn-kobalt.btn-basic:hover, .btn-kobalt.btn-basic:focus, .btn-kobalt.btn-basic_rounded:hover, .btn-kobalt.btn-basic_rounded:focus, .btn-kobalt.btn-embossed:hover, .btn-kobalt.btn-embossed:focus {
  background: #5190f4;
  color: white;
}
.btn-kobalt.btn-basic:before, .btn-kobalt.btn-basic:after, .btn-kobalt.btn-basic_rounded:before, .btn-kobalt.btn-basic_rounded:after, .btn-kobalt.btn-embossed:before, .btn-kobalt.btn-embossed:after {
  background: #5190f4;
}
.btn-kobalt.btn-basic:after, .btn-kobalt.btn-basic_rounded:after, .btn-kobalt.btn-embossed:after {
  border-left: 1px solid #2172f0;
}
.btn-kobalt.btn-basic:before, .btn-kobalt.btn-basic_rounded:before, .btn-kobalt.btn-embossed:before {
  border-right: 1px solid #2172f0;
}
.btn-kobalt.btn-embossed {
  border-bottom: 0.4rem solid #0f64e9;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-kobalt.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-kobalt.btn-outline, .btn-kobalt.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #3981f2;
  color: #3981f2;
}
.btn-kobalt.btn-outline:hover, .btn-kobalt.btn-outline:focus, .btn-kobalt.btn-outline_rounded:hover, .btn-kobalt.btn-outline_rounded:focus {
  background: rgba(57, 129, 242, 0.2);
  color: #5190f4;
  border-color: #5190f4;
}
.btn-kobalt.btn-outline:active, .btn-kobalt.btn-outline_rounded:active {
  background: #3981f2;
  color: white;
}
.btn-kobalt.btn-outline:before, .btn-kobalt.btn-outline:after, .btn-kobalt.btn-outline:hover:before, .btn-kobalt.btn-outline:hover:after, .btn-kobalt.btn-outline:focus:before, .btn-kobalt.btn-outline:focus:after, .btn-kobalt.btn-outline_rounded:before, .btn-kobalt.btn-outline_rounded:after, .btn-kobalt.btn-outline_rounded:hover:before, .btn-kobalt.btn-outline_rounded:hover:after, .btn-kobalt.btn-outline_rounded:focus:before, .btn-kobalt.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-orange {
  background: #ffc744;
}
.btn-orange.btn-basic, .btn-orange.btn-basic_rounded, .btn-orange.btn-embossed {
  border: 1px solid #ffbf2a;
  color: #fffcf6;
}
.btn-orange.btn-basic:hover, .btn-orange.btn-basic:focus, .btn-orange.btn-basic_rounded:hover, .btn-orange.btn-basic_rounded:focus, .btn-orange.btn-embossed:hover, .btn-orange.btn-embossed:focus {
  background: #ffcf5d;
  color: white;
}
.btn-orange.btn-basic:before, .btn-orange.btn-basic:after, .btn-orange.btn-basic_rounded:before, .btn-orange.btn-basic_rounded:after, .btn-orange.btn-embossed:before, .btn-orange.btn-embossed:after {
  background: #ffcf5d;
}
.btn-orange.btn-basic:after, .btn-orange.btn-basic_rounded:after, .btn-orange.btn-embossed:after {
  border-left: 1px solid #ffbf2a;
}
.btn-orange.btn-basic:before, .btn-orange.btn-basic_rounded:before, .btn-orange.btn-embossed:before {
  border-right: 1px solid #ffbf2a;
}
.btn-orange.btn-embossed {
  border-bottom: 0.4rem solid #ffb811;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-orange.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-orange.btn-outline, .btn-orange.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #ffc744;
  color: #ffc744;
}
.btn-orange.btn-outline:hover, .btn-orange.btn-outline:focus, .btn-orange.btn-outline_rounded:hover, .btn-orange.btn-outline_rounded:focus {
  background: rgba(255, 199, 68, 0.2);
  color: #ffcf5d;
  border-color: #ffcf5d;
}
.btn-orange.btn-outline:active, .btn-orange.btn-outline_rounded:active {
  background: #ffc744;
  color: white;
}
.btn-orange.btn-outline:before, .btn-orange.btn-outline:after, .btn-orange.btn-outline:hover:before, .btn-orange.btn-outline:hover:after, .btn-orange.btn-outline:focus:before, .btn-orange.btn-outline:focus:after, .btn-orange.btn-outline_rounded:before, .btn-orange.btn-outline_rounded:after, .btn-orange.btn-outline_rounded:hover:before, .btn-orange.btn-outline_rounded:hover:after, .btn-orange.btn-outline_rounded:focus:before, .btn-orange.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-green {
  background: #98de61;
}
.btn-green.btn-basic, .btn-green.btn-basic_rounded, .btn-green.btn-embossed {
  border: 1px solid #8ada4c;
  color: #f8fdf5;
}
.btn-green.btn-basic:hover, .btn-green.btn-basic:focus, .btn-green.btn-basic_rounded:hover, .btn-green.btn-basic_rounded:focus, .btn-green.btn-embossed:hover, .btn-green.btn-embossed:focus {
  background: #a6e276;
  color: white;
}
.btn-green.btn-basic:before, .btn-green.btn-basic:after, .btn-green.btn-basic_rounded:before, .btn-green.btn-basic_rounded:after, .btn-green.btn-embossed:before, .btn-green.btn-embossed:after {
  background: #a6e276;
}
.btn-green.btn-basic:after, .btn-green.btn-basic_rounded:after, .btn-green.btn-embossed:after {
  border-left: 1px solid #8ada4c;
}
.btn-green.btn-basic:before, .btn-green.btn-basic_rounded:before, .btn-green.btn-embossed:before {
  border-right: 1px solid #8ada4c;
}
.btn-green.btn-embossed {
  border-bottom: 0.4rem solid #7cd537;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-green.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-green.btn-outline, .btn-green.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #98de61;
  color: #98de61;
}
.btn-green.btn-outline:hover, .btn-green.btn-outline:focus, .btn-green.btn-outline_rounded:hover, .btn-green.btn-outline_rounded:focus {
  background: rgba(152, 222, 97, 0.2);
  color: #a6e276;
  border-color: #a6e276;
}
.btn-green.btn-outline:active, .btn-green.btn-outline_rounded:active {
  background: #98de61;
  color: white;
}
.btn-green.btn-outline:before, .btn-green.btn-outline:after, .btn-green.btn-outline:hover:before, .btn-green.btn-outline:hover:after, .btn-green.btn-outline:focus:before, .btn-green.btn-outline:focus:after, .btn-green.btn-outline_rounded:before, .btn-green.btn-outline_rounded:after, .btn-green.btn-outline_rounded:hover:before, .btn-green.btn-outline_rounded:hover:after, .btn-green.btn-outline_rounded:focus:before, .btn-green.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-blue {
  background: #50c1f2;
}
.btn-blue.btn-basic, .btn-blue.btn-basic_rounded, .btn-blue.btn-embossed {
  border: 1px solid #38b9f0;
  color: #f6fcfe;
}
.btn-blue.btn-basic:hover, .btn-blue.btn-basic:focus, .btn-blue.btn-basic_rounded:hover, .btn-blue.btn-basic_rounded:focus, .btn-blue.btn-embossed:hover, .btn-blue.btn-embossed:focus {
  background: #68c9f4;
  color: white;
}
.btn-blue.btn-basic:before, .btn-blue.btn-basic:after, .btn-blue.btn-basic_rounded:before, .btn-blue.btn-basic_rounded:after, .btn-blue.btn-embossed:before, .btn-blue.btn-embossed:after {
  background: #68c9f4;
}
.btn-blue.btn-basic:after, .btn-blue.btn-basic_rounded:after, .btn-blue.btn-embossed:after {
  border-left: 1px solid #38b9f0;
}
.btn-blue.btn-basic:before, .btn-blue.btn-basic_rounded:before, .btn-blue.btn-embossed:before {
  border-right: 1px solid #38b9f0;
}
.btn-blue.btn-embossed {
  border-bottom: 0.4rem solid #21b0ee;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-blue.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-blue.btn-outline, .btn-blue.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #50c1f2;
  color: #50c1f2;
}
.btn-blue.btn-outline:hover, .btn-blue.btn-outline:focus, .btn-blue.btn-outline_rounded:hover, .btn-blue.btn-outline_rounded:focus {
  background: rgba(80, 193, 242, 0.2);
  color: #68c9f4;
  border-color: #68c9f4;
}
.btn-blue.btn-outline:active, .btn-blue.btn-outline_rounded:active {
  background: #50c1f2;
  color: white;
}
.btn-blue.btn-outline:before, .btn-blue.btn-outline:after, .btn-blue.btn-outline:hover:before, .btn-blue.btn-outline:hover:after, .btn-blue.btn-outline:focus:before, .btn-blue.btn-outline:focus:after, .btn-blue.btn-outline_rounded:before, .btn-blue.btn-outline_rounded:after, .btn-blue.btn-outline_rounded:hover:before, .btn-blue.btn-outline_rounded:hover:after, .btn-blue.btn-outline_rounded:focus:before, .btn-blue.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-red {
  background: #fa706d;
}
.btn-red.btn-basic, .btn-red.btn-basic_rounded, .btn-red.btn-embossed {
  border: 1px solid #f95854;
  color: white;
}
.btn-red.btn-basic:hover, .btn-red.btn-basic:focus, .btn-red.btn-basic_rounded:hover, .btn-red.btn-basic_rounded:focus, .btn-red.btn-embossed:hover, .btn-red.btn-embossed:focus {
  background: #fb8886;
  color: white;
}
.btn-red.btn-basic:before, .btn-red.btn-basic:after, .btn-red.btn-basic_rounded:before, .btn-red.btn-basic_rounded:after, .btn-red.btn-embossed:before, .btn-red.btn-embossed:after {
  background: #fb8886;
}
.btn-red.btn-basic:after, .btn-red.btn-basic_rounded:after, .btn-red.btn-embossed:after {
  border-left: 1px solid #f95854;
}
.btn-red.btn-basic:before, .btn-red.btn-basic_rounded:before, .btn-red.btn-embossed:before {
  border-right: 1px solid #f95854;
}
.btn-red.btn-embossed {
  border-bottom: 0.4rem solid #f8403c;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-red.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-red.btn-outline, .btn-red.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #fa706d;
  color: #fa706d;
}
.btn-red.btn-outline:hover, .btn-red.btn-outline:focus, .btn-red.btn-outline_rounded:hover, .btn-red.btn-outline_rounded:focus {
  background: rgba(250, 112, 109, 0.2);
  color: #fb8886;
  border-color: #fb8886;
}
.btn-red.btn-outline:active, .btn-red.btn-outline_rounded:active {
  background: #fa706d;
  color: white;
}
.btn-red.btn-outline:before, .btn-red.btn-outline:after, .btn-red.btn-outline:hover:before, .btn-red.btn-outline:hover:after, .btn-red.btn-outline:focus:before, .btn-red.btn-outline:focus:after, .btn-red.btn-outline_rounded:before, .btn-red.btn-outline_rounded:after, .btn-red.btn-outline_rounded:hover:before, .btn-red.btn-outline_rounded:hover:after, .btn-red.btn-outline_rounded:focus:before, .btn-red.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-black {
  background: #3d5359;
}
.btn-black.btn-basic, .btn-black.btn-basic_rounded, .btn-black.btn-embossed {
  border: 1px solid #32454a;
  color: #93aeb6;
}
.btn-black.btn-basic:hover, .btn-black.btn-basic:focus, .btn-black.btn-basic_rounded:hover, .btn-black.btn-basic_rounded:focus, .btn-black.btn-embossed:hover, .btn-black.btn-embossed:focus {
  background: #476269;
  color: white;
}
.btn-black.btn-basic:before, .btn-black.btn-basic:after, .btn-black.btn-basic_rounded:before, .btn-black.btn-basic_rounded:after, .btn-black.btn-embossed:before, .btn-black.btn-embossed:after {
  background: #476269;
}
.btn-black.btn-basic:after, .btn-black.btn-basic_rounded:after, .btn-black.btn-embossed:after {
  border-left: 1px solid #32454a;
}
.btn-black.btn-basic:before, .btn-black.btn-basic_rounded:before, .btn-black.btn-embossed:before {
  border-right: 1px solid #32454a;
}
.btn-black.btn-embossed {
  border-bottom: 0.4rem solid #28373b;
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-black.btn-embossed:active {
  -webkit-transform: translateY(0.4rem);
  -moz-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  -o-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  border-bottom-width: 0;
}
.btn-black.btn-outline, .btn-black.btn-outline_rounded {
  background: transparent;
  border: 0.3em solid #3d5359;
  color: #3d5359;
}
.btn-black.btn-outline:hover, .btn-black.btn-outline:focus, .btn-black.btn-outline_rounded:hover, .btn-black.btn-outline_rounded:focus {
  background: rgba(61, 83, 89, 0.2);
  color: #476269;
  border-color: #476269;
}
.btn-black.btn-outline:active, .btn-black.btn-outline_rounded:active {
  background: #3d5359;
  color: white;
}
.btn-black.btn-outline:before, .btn-black.btn-outline:after, .btn-black.btn-outline:hover:before, .btn-black.btn-outline:hover:after, .btn-black.btn-outline:focus:before, .btn-black.btn-outline:focus:after, .btn-black.btn-outline_rounded:before, .btn-black.btn-outline_rounded:after, .btn-black.btn-outline_rounded:hover:before, .btn-black.btn-outline_rounded:hover:after, .btn-black.btn-outline_rounded:focus:before, .btn-black.btn-outline_rounded:focus:after {
  background: transparent;
}

.btn-basic, .btn-basic_rounded {
  -webkit-transition: 0.14s;
  -moz-transition: 0.14s;
  -o-transition: 0.14s;
  transition: 0.14s;
}
.btn-basic:active, .btn-basic_rounded:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.btn-basic, .btn-outline, .btn-embossed {
  border-radius: .2em;
}

.btn-basic_rounded, .btn-outline_rounded {
  border-radius: 5em;
}

/*!============================
============SIZES=============
==============================*/
.btn-small {
  font-size: 0.7rem;
}
.btn-small:before, .btn-small:after {
  font-size: 1.4rem;
}

.btn-medium {
  font-size: 1rem;
}
.btn-medium:before, .btn-medium:after {
  font-size: 2rem;
}

.btn-big {
  font-size: 1.3rem;
}
.btn-big:before, .btn-big:after {
  font-size: 2.6rem;
}

/*!========================================
============LOADING ICON FONT=============
==========================================*/
@font-face {
  font-family: "entypo";
  src: url("../fonts/entypo.ttf");
  src: url("../fonts/entypo.eot");
  src: url("../fonts/entypo.svg");
  src: url("../fonts/entypo.woff");
}

/*!===========================================
============GENERAL ICON STYLING=============
=============================================*/
[class*=btn][data-icon-after] {
  padding-right: 3em;
}
[class*=btn][data-icon-after]:after {
  font-family: entypo;
}

[class*=btn][data-icon-before] {
  padding-left: 3em;
}
[class*=btn][data-icon-before]:before {
  font-family: entypo;
}

/*!================================================
============INDIVIDUAL ICONS=============
==================================================*/
[class*=btn][data-icon-after=arrow-right]:after, [class*=btn][data-icon-before=arrow-right]:before {
  content: "\27A1";
}

[class*=btn][data-icon-after=arrow-left]:after, [class*=btn][data-icon-before=arrow-left]:before {
  content: "\2B05";
}

[class*=btn][data-icon-after=arrow-up]:after, [class*=btn][data-icon-before=arrow-up]:before {
  content: "\2B06";
}

[class*=btn][data-icon-after=arrow-down]:after, [class*=btn][data-icon-before=arrow-down]:before {
  content: "\2B07";
}

[class*=btn][data-icon-after=map]:after, [class*=btn][data-icon-before=map]:before {
  content: "\E724";
}

[class*=btn][data-icon-after=save]:after, [class*=btn][data-icon-before=save]:before {
  content: "\1F4E5";
}

[class*=btn][data-icon-after=cog]:after, [class*=btn][data-icon-before=cog]:before {
  content: "\2699";
}

[class*=btn][data-icon-after=thumbs-up]:after, [class*=btn][data-icon-before=thumbs-up]:before {
  content: "\1F44D";
}

[class*=btn][data-icon-after=add]:after, [class*=btn][data-icon-before=add]:before {
  content: "\E700";
}

[class*=btn][data-icon-after=camera]:after, [class*=btn][data-icon-before=camera]:before {
  content: "\1F4F7";
}

[class*=btn][data-icon-after=print]:after, [class*=btn][data-icon-before=print]:before {
  content: "\E716";
}

[class*=btn][data-icon-after=help]:after, [class*=btn][data-icon-before=help]:before {
  content: "\E788";
}

[class*=btn][data-icon-after=cart]:after, [class*=btn][data-icon-before=cart]:before {
  content: "\E73D";
}

[class*=btn][data-icon-after=rss]:after, [class*=btn][data-icon-before=rss]:before {
  content: "\E73A";
}

[class*=btn][data-icon-after=logout]:after, [class*=btn][data-icon-before=logout]:before {
  content: "\E741";
}

[class*=btn][data-icon-after=login]:after, [class*=btn][data-icon-before=login]:before {
  content: "\E740";
}

[class*=btn][data-icon-after=cross]:after, [class*=btn][data-icon-before=cross]:before {
  content: "\274E";
}

[class*=btn][data-icon-after=plus]:after, [class*=btn][data-icon-before=plus]:before {
  content: "\229E";
}

[class*=btn][data-icon-after=upload]:after, [class*=btn][data-icon-before=upload]:before {
  content: "\E711";
}

[class*=btn][data-icon-after=share]:after, [class*=btn][data-icon-before=share]:before {
  content: "\E715";
}

[class*=btn][data-icon-after=warning]:after, [class*=btn][data-icon-before=warning]:before {
  content: "\26A0";
}

[class*=btn][data-icon-after=check]:after, [class*=btn][data-icon-before=check]:before {
  content: "\2713";
}

[class*=btn][data-icon-after=calendar]:after, [class*=btn][data-icon-before=calendar]:before {
  content: "\1F4C5";
}

[class*=btn][data-icon-after=message]:after, [class*=btn][data-icon-before=message]:before {
  content: "\2709";
}

[class*=btn][data-icon-after=star]:after, [class*=btn][data-icon-before=star]:before {
  content: "\2605";
}