/* ====================================================
 * Company: Unity Technologies
 * Contributors:
   - Rickard Andersson, rickard@unity3d.com
======================================================= */

/****************************************
  ==== RESET
****************************************/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video, canvas { display: block; }
img, img a, img a:hover { border: 0; display: block; max-width: 100%; -ms-interpolation-mode: bicubic; }
object, embed, iframe { border: 0; display: block; max-width: 100%; }
::-moz-selection { background: #fff600; color: #222c37; text-shadow: none; }
::selection { background: #fff600; color: #222c37; text-shadow: none; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { display: inline-table; clear: both; }
/* Hides from IE-mac \*/ * html .clear { height: 1%; } .clear { display: block; } /* End hide from IE-mac */


/****************************************
  ==== 1. CORE LAYOUT
****************************************/

html, body {
  height: 100%;
}
body {
  text-align: center; background: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
div#master-wrapper {
  width: 100%; min-height: 100%; height: auto; margin: 0 auto; position: relative;
}
section.main-wrapper {
  width: 100%; max-width: 1920px; padding: 74px 0 0 0; position: relative; margin: 0 auto;
}
div.main-content {
  width: 100%;
}
div.content-wrapper {
  width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; padding: 30px;
}
div#content-wrapper {
  padding: 30px 30px 130px 30px;
}

/****************************************
  ==== 2. MAIN HEADER
****************************************/

header.main-header {
  width: 100%; height: 74px; padding: 0 30px;  position: absolute; top: 0; left: 0; z-index: 10;
}
header.main-header div.wrap {
  width: 100%; max-width: 1160px; margin: 0 auto;
}
.has-background header.main-header {
  background: rgba(34,44,55,0.9);
}
header.main-header a.unity-logo {
  width: 101px; height: 30px; display: block; float: left; margin: 22px 0;
}
header.main-header a.app-name, header.main-header a.app-name:hover {
  height: 30px; line-height: 26px; display: block; float: left; margin: 22px 15px 22px 0; color: #222c37; font-weight: 100; font-size: 1.875em; text-decoration: none;
}

/****************************************
  ==== 3.1 HEADER ELEMENTS
****************************************/

div.background {
  width: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: 50% 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
div.hero {
  width: 100%; margin: 0 auto; text-align: left;
}
div.hero .gw {
  padding-top: 60px;
}

/****************************************
  ==== 4. FOOTER
****************************************/

/* Layout */
footer.main-footer {
  width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; text-align: left;
}
.has-sidebar footer.main-footer .gw {
  max-width: 1920px; margin: 0 auto; padding: 0 30px;
}
footer.main-footer div.wrapper {
  background: #222c37; padding: 10px 0;
}
footer.main-footer .unity-logo {
  width: 100px; height: 35px; display: block; float: left; margin: 0 0 20px 0;
}
footer.main-footer div.wrapper small {
  float: left; margin: 0; color: #9e9e9e;
}
footer.main-footer div.wrapper ul {
  list-style-type: none; float: left; margin: 0;
}
footer.main-footer div.wrapper ul li {
  float: left; margin: 0 0 0 15px; font-size: 0.8125em; padding: 0; line-height: 1.3em;
}
footer.main-footer div.wrapper ul li:before {
  display: none;
}

/* Social */
footer.main-footer div.social {
  float: right; margin: 0 0 20px 0;
}
footer.main-footer div.social a.icon {
  width: 35px; height: 35px; float: left; margin: 0 0 0 10px; display: block; text-indent: -9999em; background: url(../images/ui/sprites/core-sprite-wh.png) 0 0 no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
footer.main-footer div.social a.facebook {
  background-position: 0 -77px;
}
footer.main-footer div.social a.facebook:hover {
  background-color: #3664a2;
}
footer.main-footer div.social a.twitter {
  background-position: -35px -77px;
}
footer.main-footer div.social a.twitter:hover {
  background-color: #55acee;
}
footer.main-footer div.social a.googleplus {
  background-position: -70px -77px;
}
footer.main-footer div.social a.googleplus:hover {
  background-color: #dd4b39;
}
footer.main-footer div.social a.linkedin {
  background-position: -105px -77px;
}
footer.main-footer div.social a.linkedin:hover {
  background-color: #0977b5;
}
footer.main-footer div.social a.youtube {
  background-position: -140px -77px;
}
footer.main-footer div.social a.youtube:hover {
  background-color: #e52d27;
}

/* Language selector */
footer.main-footer div.language-selector {
  float: right;
}
footer.main-footer div.language-selector a {
  text-decoration: none;
}
div.footer-tool {
  width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; overflow: auto; text-align: center; background: #222c37; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s;
}
div.footer-tool.is-visible {
  -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);
}
div.footer-tool div.close {
  width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; z-index: 4; cursor: pointer;
}
div.footer-tool div.close::before, div.footer-tool div.close::after {
  content: ''; display: block; width: 40px; height: 3px; top: 50%; left: 50%; margin: -1px 0 0 -20px; position: absolute; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
}
div.footer-tool div.close::after {
  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);
}
div.footer-tool div.wrap {
  width: 100%; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);
}
div.footer-language .g7 {
  padding-top: 60px; margin: 0 0 1px 0;
}
div.footer-language .g5 {
  padding-top: 0; margin: 0 0 1px 0;
}
div.footer-language img {
  float: right;
}
div.footer-language ul {
  list-style: none; text-align: center; border-top: #434b55 1px solid; border-left: #434b55 1px solid;
}
div.footer-language ul li {
  width: 33.333333333334%; display: block; float: left; padding: 0; margin: 0; font-size: 1.125em; border-right: #434b55 1px solid; border-bottom: #434b55 1px solid;
}
div.footer-language ul li:before {
  display: none;
}
div.footer-language ul li a {
  height: 60px; line-height: 60px; display: block; color: #fff; text-decoration: none;
}
div.footer-language ul li a:hover {
  background: #434b55;
}


/****************************************
  ==== 7. BREAKPOINT < 1024px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 1023px){

/* Core layout */
section.main-wrapper {
  padding: 60px 0 0 0;
}
div.content-wrapper, .has-sidebar div.content-wrapper {
  padding: 10px;
}
div#content-wrapper {
  padding: 10px 10px 100px 10px;
}

/* Main header */
header.main-header {
  height: 60px; padding: 0 17px 0 30px;
}
header.main-header a.unity-logo {
  margin: 15px 0;
}
header.main-header a.app-name, header.main-header a.app-name:hover {
  margin: 15px 15px 15px 0;
}

div.main-navigation, div.sidebar-navigation {
  display: none;
}
div.header-panel {
  top: 60px;
}

/* Mobile header */
header.main-header a.user-icon {
  padding: 13px;
}
header.main-header a.tool {
  margin: 13px 13px 13px 0;
}
header.main-header a.user-icon {
  margin: 0;
}
header.main-header a.tool-menu {
  width: 34px; height: 34px; position: relative; display: block; margin: 13px 0;
}
header.main-header a.tool-menu div.icon {
  width: 20px; height: 2px; position: absolute; top: 16px; left: 7px; margin: 0; background: #222c37; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
}
header.main-header a.tool-menu div.icon:before, header.main-header a.tool-menu div.icon:after {
  content: ''; width: 20px; height: 2px; display: block; position: absolute; left: 0; background: #222c37; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: 1px center; -moz-transform-origin: 1px center; -o-transform-origin: 1px center; transform-origin: 1px center;
}
header.main-header a.tool-menu div.icon:before {
  top: -5px;
}
header.main-header a.tool-menu div.icon:after {
  top: 5px;
}

div.mobile-navigation ul {
  list-style: none; padding: 0; margin: 0;
}
div.mobile-navigation ul li {
  font-size: 1.25em; padding: 0; margin: 0 0 20px 0;
}
div.mobile-navigation ul li:before {
  display: none;
}
div.mobile-navigation ul li a {
  color: #222c37;
}
div.mobile-navigation ul li a:focus, div.mobile-navigation ul li a:active {
  color: #05a7bd; text-decoration: none; outline: none;
}
div.mobile-navigation ul li a:hover, div.mobile-navigation ul li a.selected {
  color: #00bcd4; text-decoration: none;
}

div.mobile-navigation ul li ul {
  width: 100%; display: block; padding: 20px 0 5px 0; margin: 15px 0 20px 0; background: #fff; position: relative;
}
div.mobile-navigation ul li ul:before {
  content: ''; display: block; position: absolute; top: -20px; left: 15px; border: transparent 10px solid; border-bottom-color: #fff;
}
div.mobile-navigation ul li ul li {
  font-size: 0.75em; margin: 0; padding: 0 20px 10px 20px;
}
div.mobile-navigation ul li ul li.subheader {
  font-weight: 700; margin: 0 0 15px 0; border-bottom: #f5f8f9 1px solid;
}
div.mobile-navigation ul li ul li.divider {
  margin: 0 0 10px 0; padding: 0; border-bottom: #f5f8f9 1px solid;
}
div.mobile-navigation ul li ul li a.c-re {
  color: #f44336;
}

/* Header elements */
div.hero .gw {
  padding-top: 60px;
}

/* Footer */
footer.main-footer div.wrapper {
  padding: 20px 0;
}
footer.main-footer .copyright {
  display: none;
}
footer.main-footer .gw, .has-sidebar footer.main-footer .gw {
  padding: 0 10px;
}

}

/****************************************
  ==== 8. BREAKPOINT < 768px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 767px){

/* Core layout */
div.content-wrapper {
  padding: 10px 5px;
}
div#content-wrapper {
  padding: 10px 5px 50px 5px;
}

/* Main header */
div.header-panel {
  width: 300px;
}
div.header-panel div.panel-content {
	padding: 20px;
}
div.search-panel div.panel-content {
	padding: 0;
}

div.search-panel div.panel-content h4 {
	padding: 20px 20px 0 20px;
}
div.user-panel div.panel-content {
  padding: 20px 0;
}

div.user-panel img.avatar, div.user-panel div.avatar {
  width: 48px; height: 48px; line-height: 48px; font-size: 1.5em; margin: 0 auto 10px auto;
}
div.user-panel h3 {
  padding: 0 20px 20px 20px;
}
div.user-panel div.links {
  margin: 0 0 20px 0;
}
div.user-panel div.link {
  width: 100%; border-right: 0;
}
div.user-panel a {
  padding: 20px;
}
div.user-panel a div.icon {
  margin: 0 0 10px 0;
}

/* Header elements */
div.hero .gw {
  padding-top: 30px;
}

/* Footer */
footer.main-footer div.wrapper {
  padding: 20px 0;
}
footer.main-footer div.gw {
  text-align: center;
}
footer.main-footer .g7, footer.main-footer .g5 {
  width: 100%; padding-top: 10px !important; padding-bottom: 10px !important;
}
footer.main-footer .unity-logo {
  display: none;
}
footer.main-footer div.wrapper small, footer.main-footer div.wrapper ul, footer.main-footer div.wrapper ul li, footer.main-footer div.social, footer.main-footer div.social a.icon, footer.main-footer div.language-selector {
  float: none; display: inline-block;
}
footer.main-footer div.wrapper ul li {
  margin: 0 0 0 10px;
}
footer.main-footer div.social {
  margin: 0 0 10px 0;
}
footer.main-footer div.social a.icon {
  margin: 0 3px;
}
div.footer-language img {
  float: none; margin: 0 auto;
}

}

/****************************************
  ==== 12. BREAKPOINT < 480px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 479px){

div.content-wrapper {
  padding: 10px 0;
}
div#content-wrapper {
  padding: 10px 0 50px 0;
}
.has-sidebar div.content-wrapper, .has-sidebar div#content-wrapper {
  padding: 10px 0;
}

header.main-header a.unity-logo {
  width: 36px;
}
header.main-header a.app-name, header.main-header a.app-name:hover {
  line-height: 30px;
}

/* Main header */
div.header-panel {
  width: 98%;
}

/* Header elements */
div.hero .gw {
  padding-top: 20px;
}

/* Mobile header */
header.main-header a.user-icon {
  padding: 13px 10px;
}
header.main-header a.tool {
  margin: 13px 10px 13px 0;
}
header.main-header a.tool-menu {
  margin: 13px 0;
}
header.main-header a.user-icon {
  margin: 0;
}

/* Footer */
footer.main-footer div.wrapper {
  padding: 10px 0;
}
footer.main-footer .g7, footer.main-footer .g5 {
  width: 100%; padding-top: 10px !important; padding-bottom: 10px !important;
}
footer.main-footer div.wrapper ul {
  width: 100%;
}
footer.main-footer div.wrapper ul li {
  margin: 0 5px;
}
div.footer-language ul li {
  width: 50%;
}
div.footer-language .g5 {
  display: none;
}

}

/****************************************
  ==== 13. RETINA IMAGES
****************************************/

@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio:2){

header.main-header div.main-tools a.tool div.icon,
footer.main-footer div.social a.icon,
input.gsc-search-button {
  background-image: url(../images/ui/sprites/core-sprite-wh@2x.png); -webkit-background-size: 500px 500px; -moz-background-size: 500px 500px; -o-background-size: 500px 500px; background-size: 500px 500px;
}

}


/****************************************
  ==== 1. ROBOTO (https://github.com/majodev/google-webfonts-helper)
****************************************/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto/roboto-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto/roboto-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v15-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-v15-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-v15-latin-300italic.eot');
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto/roboto-v15-latin-300italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/roboto-v15-latin-300italic.woff2') format('woff2'),
       url('../fonts/roboto/roboto-v15-latin-300italic.woff') format('woff'),
       url('../fonts/roboto/roboto-v15-latin-300italic.ttf') format('truetype'),
       url('../fonts/roboto/roboto-v15-latin-300italic.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-v15-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/roboto-v15-latin-regular.woff2') format('woff2'),
       url('../fonts/roboto/roboto-v15-latin-regular.woff') format('woff'),
       url('../fonts/roboto/roboto-v15-latin-regular.ttf') format('truetype'),
       url('../fonts/roboto/roboto-v15-latin-regular.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto/roboto-v15-latin-500.eot');
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto/roboto-v15-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/roboto-v15-latin-500.woff2') format('woff2'),
       url('../fonts/roboto/roboto-v15-latin-500.woff') format('woff'),
       url('../fonts/roboto/roboto-v15-latin-500.ttf') format('truetype'),
       url('../fonts/roboto/roboto-v15-latin-500.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-v15-latin-700.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../fonts/roboto/roboto-v15-latin-700.woff2') format('woff2'),
       url('../fonts/roboto/roboto-v15-latin-700.woff') format('woff'),
       url('../fonts/roboto/roboto-v15-latin-700.ttf') format('truetype'),
       url('../fonts/roboto/roboto-v15-latin-700.svg#Roboto') format('svg');
}

/****************************************
  ==== 2. GLOBAL
****************************************/

body {
  font: 16px/135% 'Roboto', sans-serif; font-weight: 300; color: #5a5a5b; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/****************************************
  ==== 3. BASICS
****************************************/

h1, h2, h3 {
  color: #222c37; font-weight: 700; font-family: 'Roboto'; text-transform: none;
}
h1 {
  font-size: 3em; line-height: 1em; margin: 0 0 20px 0;
}
h2 {
  font-size: 1.875em; line-height: 1.2em; margin: 0 0 20px 0;
}
h3 {
  font-size: 1.5625em; line-height: 1.2em; margin: 0 0 15px 0;
}
h4 {
  font-size: 1.25em; line-height: 1.3em; font-weight: 500; margin: 0 0 10px 0; font-family: 'Roboto';
}
p {
  font-size: 1.0625em; line-height: 1.5em; margin: 0 0 15px 0; font-family: 'Roboto';
}
small {
  font-size: 0.875em; line-height: 1.3em; margin: 0 0 10px 0; display: block; font-family: 'Roboto';
}
address {
 font-size: 1.0625em; line-height: 1.5em; margin: 0 0 15px 0; font-weight: 300; white-space: pre-wrap;
}

/****************************************
  ==== 4. LISTS
****************************************/

/* Unordered */
ul {
  list-style-type: none; margin: 0 0 15px 0;
}
ul li {
  padding: 0 0 4px 20px; background: none; position: relative; font-size: 1.0625em; font-family: 'Roboto';
}
ul li:before {
  content: "\2022"; font-size: 1.75em; position: absolute; top: 1px; left: 0; color: #5a5a5b;
}
ul li ul {
  list-style-type: none; padding: 6px 0 0 0;
}

/*Ordered*/
ol {
  padding: 0 0 0 23px; margin: 0 0 15px 0; list-style-type: decimal;
}
ol li {
  padding: 0 0 4px 0; font-size: 1.0625em;
}
ol li ol {
  padding: 6px 0 0 23px; margin: 0;
}
ol.roman {
  list-style-type: lower-roman;
}
ol.alpha {
  list-style-type:lower-alpha;
}

/*Mixed*/
ol ul {
  list-style-type: none; padding: 6px 0 0 0; margin: 0;
}
ol ul li {
  padding: 0 0 4px 20px; background: none; position: relative; font-size: 1.0625em;
}
ol ul li:before {
  content: "\2022"; font-size: 2.125em; position: absolute; top: 0; left: 0; color: #5a5a5b;
}
ul ol {
  padding: 6px 0 0 23px; margin: 0;
}
ul ol li {
  padding: 0 0 4px 0;
}
ul ol li:before {
  display: none;
}

/****************************************
  ==== 5. LINKS
****************************************/

a {
  color: #00bcd4; text-decoration: none; outline: none; cursor: pointer; word-break: break-word;
}
a:hover {
  color: #26c6da; text-decoration: underline;
}
a:focus, a:active {
  color: #05a7bd; text-decoration: underline; outline: none;
}

/****************************************
  ==== 6. STYLES & WEIGHTS
****************************************/

b, strong {
  font-weight: 700;
}
i, em {
  font-style: italic;
}
s {
  text-decoration: line-through;
}
sup {
  font-size: 0.75em; font-weight: 300; position: relative; top: 3px;
}
sub {
  font-size: 0.75em; font-weight: 300; position: relative; bottom: 1px;
}

div.diamond-regular {
  width: 44px; height: 44px; border: #222c37 1px solid; margin: 0 auto 30px auto; overflow: hidden; position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
}
div.diamond-regular div.content {
  width: 60px; height: 60px; line-height: 60px; display: block; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(-45deg);
}
div.diamond-regular div.content div.icon:before {
  line-height: 64px; font-size: 1em;
}
div.diamond-regular div.content div.text {
  font-size: 1.5em; color: #222c37;
}
div.diamond-regular div.content div.text:before {
  line-height: 64px;
}

/****************************************
  ==== GRID
****************************************/

.gw {
  width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; padding: 0 30px;
}
.g1, .g2, .g1-5, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
  padding: 30px; float: left;
}
.nest {
  padding: 0 !important;
}
.g-center {
  float: none; margin: 0 auto;
}
.g1 { width: 8.33333333333% }
.g2 { width: 16.6666666667% }
.g1-5 { width: 20% }
.g3 { width: 25% }
.g4 { width: 33.3333333334% }
.g5 { width: 41.6666666667% }
.g6 { width: 50% }
.g7 { width: 58.3333333333% }
.g8 { width: 66.6666666667% }
.g9 { width: 75% }
.g10 { width: 83.333333333% }
.g11 { width: 91.666666667% }
.g12 { width: 100% }

.g-center.g1 { width: 100%; max-width: 128px; }
.g-center.g2 { width: 100%; max-width: 256px; }
.g-center.g1-5 { width: 100%; max-width: 308px; }
.g-center.g3 { width: 100%; max-width: 385px; }
.g-center.g4 { width: 100%; max-width: 513px; }
.g-center.g5 { width: 100%; max-width: 641px; }
.g-center.g6 { width: 100%; max-width: 770px; }
.g-center.g7 { width: 100%; max-width: 898px; }
.g-center.g8 { width: 100%; max-width: 1026px; }
.g-center.g9 { width: 100%; max-width: 1155px; }
.g-center.g10 { width: 100%; max-width: 1283px; }
.g-center.g11 { width: 100%; max-width: 1411px; }
.g-center.g12 { width: 100%; max-width: 1540px; }

.group .g1, .group .g2, .group .g1-5, .group .g3, .group .g4, .group .g5, .group .g6, .group .g7, .group .g8, .group .g9, .group .g10, .group .g11, .group .g12 {
  padding: 15px;
}
.group, .group.nest {
  padding: 15px !important;
}

/****************************************
  ==== BREAKPOINT < 1024px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 1023px){

.gw {
  padding: 0 20px;
}
.g1, .g2, .g1-5, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
  padding: 20px;
}

.group .g1, .group .g2, .group .g1-5, .group .g3, .group .g4, .group .g5, .group .g6, .group .g7, .group .g8, .group .g9, .group .g10, .group .g11, .group .g12 {
  padding: 10px;
}
.group, .group.nest {
  padding: 10px !important;
}

}

/****************************************
  ==== BREAKPOINT < 768px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 767px){

/* Grid */
.gw {
  padding: 0 15px;
}
.g1, .g2, .g1-5, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
  padding: 15px;
}
.g1 { width: 8.33333333333% }
.g2 { width: 16.6666666667% }
.g1-5 { width: 50% }
.g3 { width: 50% }
.g4 { width: 100% }
.g5 { width: 100% }
.g6 { width: 100% }
.g7 { width: 100% }
.g8 { width: 100% }
.g9 { width: 100% }
.g10 { width: 100% }
.g11 { width: 91.666666667% }
.g12 { width: 100% }

.group, .group.nest {
  padding: 5px !important;
}

}

/****************************************
  ==== BREAKPOINT < 480px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 479px){

.gw {
  padding: 0 10px;
}
.g1, .g2, .g1-5, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12 {
  padding: 10px;
}
.group, .group.nest {
  padding: 0 !important;
}

}

/****************************************
  ==== LAYOUT
****************************************/

.btn {
  line-height: 20px; display: block; float: left; position: relative; overflow: hidden; padding: 13px 20px; font-size: 0.9375em; font-weight: 400; text-align: center; cursor: pointer; text-decoration: none; margin: 0; border: 0; outline: 0; border-image-width: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.btn, .btn:hover, .btn:focus, .btn:active {
  color: #fff; text-decoration: none;
}

/****************************************
  ==== COLORS
****************************************/

.btn {
  background-color: #00bcd4; /* standard */
}
.btn:hover {
  background-color: #26c6da;
}
.btn:focus, .btn:active {
  background-color: #05a7bd;
}
.btn.bg-db:hover {
  background-color: #434b55;  /* Deep blue */
}
.btn.bg-db:focus, .btn.bg-db:active {
  background-color: #222c37;
}
.btn.bg-ma:hover {
  background-color: #ec407a; /* Magenta */
}
.btn.bg-ma:focus, .btn.bg-ma:active {
  background-color: #cb205c;
}
.btn.bg-li:hover {
  background-color: #d4e157; /* Lime */
}
.btn.bg-li:focus, .btn.bg-li:active {
  background-color: #b4c239;
}
.btn.bg-re:hover {
  background-color: #f65f54; /* Red */
}
.btn.bg-re:focus, .btn.bg-re:active {
  background-color: #d54036;
}
.btn.bg-pu:hover {
  background-color: #ab47bc; /* Purple */
}
.btn.bg-pu:focus, .btn.bg-pu:active {
  background-color: #8a289e;
}
.btn.bg-bl:hover {
  background-color: #42a6f5; /* Blue */
}
.btn.bg-bl:focus, .btn.bg-bl:active {
  background-color: #2186d7;
}
.btn.bg-te:hover {
  background-color: #26a69a; /* Teal */
}
.btn.bg-te:focus, .btn.bg-te:active {
  background-color: #05867c;
}
.btn.bg-gr:hover {
  background-color: #9bcb64; /* Green */
}
.btn.bg-gr:focus, .btn.bg-gr:active {
  background-color: #7bac46;
}
.btn.bg-ye {
  color: #222c37;
}
.btn.bg-ye:hover {
  background-color: #ffee58; /* Yellow */
}
.btn.bg-ye:focus, .btn.bg-ye:active {
  background-color: #decf3a;
}
.btn.bg-or:hover {
  background-color: #ffa726; /* Orange */
}
.btn.bg-or:focus, .btn.bg-or:active {
  background-color: #de8808;
}
.btn.bg-dg:hover {
  background-color: #737373; /* Dark gray */
}
.btn.bg-dg:focus, .btn.bg-dg:active {
  background-color: #525356;
}
.btn.bg-mg:hover {
  background-color: #acacac; /* Medium gray */
}
.btn.bg-mg:focus, .btn.bg-mg:active {
  background-color: #8c8d8f;
}
.btn.bg-lg {
  color: #222c37;
}
.btn.bg-lg:hover {
  background-color: #f6f9fa; /* Light gray */
}
.btn.bg-lg:focus, .btn.bg-lg:active {
  background-color: #d6dadc;
}
.btn.bg-wh {
  color: #222c37;
}
.btn.bg-wh:hover {
  background-color: #f5f8f9; /* White */
}
.btn.bg-wh:focus, .btn.bg-wh:active {
  background-color: #fff;
}

/****************************************
  ==== OUTLINED
****************************************/

.btn.outlined {
  padding: 12px 20px; border: transparent 1px solid; background-color: transparent;
}
.btn.outlined:hover, .btn.outlined:focus, .btn.outlined:active {
  background-color: transparent;
}
.btn.outlined {
  border-color: #00bcd4; color: #00bcd4; /* standard */
}
.btn.outlined:hover {
  border-color: #26c6da;
}
.btn.outlined:focus, .btn.outlined:active {
  border-color: #05a7bd;
}
.btn.bg-db.outlined {
  border-color: #222c37; color: #222c37; /* Deep blue */
}
.btn.bg-db.outlined:hover {
  border-color: #434b55;
}
.btn.bg-db.outlined:focus, .btn.bg-db.outlined:active {
  border-color: #222c37;
}
.btn.bg-ma.outlined {
  border-color: #e91e63; color: #e91e63; /* Magenta */
}
.btn.bg-ma.outlined:hover {
  border-color: #ec407a;
}
.btn.bg-ma.outlined:focus, .btn.bg-ma.outlined:active {
  border-color: #cb205c;
}
.btn.bg-li.outlined {
  border-color: #cddc39; color: #cddc39; /* Lime */
}
.btn.bg-li.outlined:hover {
  border-color: #d4e157;
}
.btn.bg-li.outlined:focus, .btn.bg-li.outlined:active {
  border-color: #b4c239;
}
.btn.bg-re.outlined {
  border-color: #f44336; color: #f44336; /* Red */
}
.btn.bg-re.outlined:hover {
  border-color: #f65f54;
}
.btn.bg-re.outlined:focus, .btn.bg-re.outlined:active {
  border-color: #d54036;
}
.btn.bg-pu.outlined {
  border-color: #9c27b0; color: #9c27b0; /* Purple */
}
.btn.bg-pu.outlined:hover {
  border-color: #ab47bc;
}
.btn.bg-pu.outlined:focus, .btn.bg-pu.outlined:active {
  border-color: #8a289e;
}
.btn.bg-bl.outlined {
  border-color: #2196f3; color: #2196f3; /* Blue */
}
.btn.bg-bl.outlined:hover {
  border-color: #42a6f5;
}
.btn.bg-bl.outlined:focus, .btn.bg-bl.outlined:active {
  border-color: #0990ce;
}
.btn.bg-te.outlined {
  border-color: #009688; color: #009688; /* Teal */
}
.btn.bg-te.outlined:hover {
  border-color: #26a69a;
}
.btn.bg-te.outlined:focus, .btn.bg-te.outlined:active {
  border-color: #05867c;
}
.btn.bg-gr.outlined {
  border-color: #8ac249;color: #8ac249; /* Green */
}
.btn.bg-gr.outlined:hover {
  border-color: #9bcb64;
}
.btn.bg-gr.outlined:focus, .btn.bg-gr.outlined:active {
  border-color: #7bac46;
}
.btn.bg-ye.outlined {
  border-color: #ffeb3b; color: #ffeb3b; /* Yellow */
}
.btn.bg-ye.outlined:hover {
  border-color: #ffee58;
}
.btn.bg-ye.outlined:focus, .btn.bg-ye.outlined:active {
  border-color: #decf3a;
}
.btn.bg-or.outlined {
  border-color: #ff9800; color: #ff9800; /* Orange */
}
.btn.bg-or.outlined:hover {
  border-color: #ffa726;
}
.btn.bg-or.outlined:focus, .btn.bg-or.outlined:active {
  border-color: #de8808;
}
.btn.bg-dg.outlined {
  border-color: #5a5a5b; color: #5a5a5b; /* Dark gray */
}
.btn.bg-dg.outlined:hover {
  border-color: #737373;
}
.btn.bg-dg.outlined:focus, .btn.bg-dg.outlined:active {
  border-color: #525356;
}
.btn.bg-mg.outlined {
  border-color: #9e9e9e; color: #9e9e9e; /* Medium gray */
}
.btn.bg-mg.outlined:hover {
  border-color: #acacac;
}
.btn.bg-mg.outlined:focus, .btn.bg-mg.outlined:active {
  border-color: #8c8d8f;
}
.btn.bg-lg.outlined {
  border-color: #f5f8f9; color: #f5f8f9; /* Light gray */
}
.btn.bg-lg.outlined:hover {
  border-color: #f6f9fa;
}
.btn.bg-lg.outlined:focus, .btn.bg-lg.outlined:active {
  border-color: #d6dadc;
}
.btn.bg-wh.outlined {
  border-color: #fff; color: #fff; /* White */
}
.btn.bg-wh.outlined:hover {
  border-color: #f5f8f9;
}
.btn.bg-wh.outlined:focus, .btn.bg-wh.outlined:active {
  border-color: #fff;
}

/****************************************
  ==== ICONS
****************************************/

.btn.ico:before {
  margin: 0 5px 0 0; font-size: 115%; position: relative;
}

/****************************************
  ==== SIZES
****************************************/

.btn.xl {
  padding: 20px 40px; font-size: 1.25em;
}
.btn.outlined.xl {
  padding: 19px 40px;
}
.btn.l {
  padding: 15px 30px; font-size: 1.125em;
}
.btn.outlined.l {
  padding: 14px 30px;
}
.btn.s {
  padding: 5px 15px; font-size: 0.875em;
}
.btn.outlined.s {
  padding: 4px 15px;
}
.btn.s.ico {
  padding: 5px 15px 5px 10px;
}
.btn.s.ico:before {
  margin: 0 9px 0 0; top: 1px;
}
.btn.xs {
  padding: 2px 10px; font-size: 0.675em;
}
.btn.outlined.xs {
  padding: 1px 10px;
}
.btn.wide {
  width: 100%;
}

/****************************************
  ==== OTHER
****************************************/

.btn.center {
  float: none; display: inline-block; margin: 0;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active {
  background-color: #737373 !important; color: #a5a5a5 !important; cursor: default;
}

/****************************************
  ==== LAYOUT
****************************************/

section.main-wrapper {
  max-width: none;
}
div.content-wrapper {
  max-width: 1600px;
}
header.main-header div.wrap {
  max-width: 1540px; padding: 0 30px;
}
.gw {
  max-width: 1600px;
}

/****************************************
  ==== TYPO
****************************************/

h1 {
  font-weight: 100; font-size: 4.25em;
}
h2 {
  font-weight: 100; font-size: 3em; line-height: 1em;
}
h3 {
  font-weight: 100; font-size: 2.5em;
}
h4 {
  font-weight: 300; font-size: 1.5em;
}
p {
  font-size: 1.125em;
}
ul li {
  font-size: 1.125em; padding: 0 0 10px 30px; line-height: 1.5em;
}
ul li:before {
  content: "\2022"; font-size: 2.25em; position: absolute; top: 0px; left: 0; color: #5a5a5b;
}
table tbody td {
  font-size: 1.125em; line-height: 1.5em;
}
table.list thead tr th.lbl {
  font-size: 1.25em;
}
table.list tbody td {
  font-size: 1.125em;
}

/****************************************
  ==== FORM
****************************************/

.radiobtn label, .checkbox label {
  font-size: 1.0625em;
}

/****************************************
  ==== BREAKPOINT < 1024px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 1023px){

header.main-header div.wrap {
  padding: 0;
}

}

/****************************************
  ==== BREAKPOINT < 768px
****************************************/

@media only screen and (min-width: 150px) and (max-width: 767px){

h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.5em; line-height: 1em;
}
h3 {
  font-size: 2em;
}
h4 {
  font-size: 1.25em;
}
p {
  font-size: 1.125em;
}
ul li {
  font-size: 1.125em; padding: 0 0 15px 30px;
}
ul li:before {
  content: "\2022"; font-size: 2.25em; position: absolute; top: 0px; left: 0; color: #5a5a5b;
}

}

/****************************************
  ==== TEXT FORMATTING
****************************************/

/* Alignment */
.txt-r { text-align: right !important; }
.txt-l { text-align: left !important; }
.txt-c { text-align: center !important; }

/* Font weights & styles */
.fw100 { font-weight: 100; }
.fw300, .nb { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw700, .b { font-weight: 700 !important; }
.i { font-style: italic; }

/* Other */
.txt-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.txt-upper { text-transform: uppercase; }
.txt-noupper { text-transform: none; }
.txt-tdu { text-decoration: underline; }
.txt-tdn { text-decoration: none; }
.txt-tdn:hover { text-decoration: none; }

/* Line heights */
.lh24 { line-height: 24px; }
.lh30 { line-height: 30px; }
.lh36 { line-height: 36px; }
.lh40 { line-height: 40px; }
.lh42 { line-height: 42px; }
.lh46 { line-height: 46px; }
.lh50 { line-height: 50px; }
.lh60 { line-height: 60px; }

/****************************************
  ==== TEXT COLORATION
  # To get color variation add class light
****************************************/

.c-db {
  color: #222c37; /* Deep blue */
}
.c-db.light {
  color: #d3d5d7;
}
.c-ma {
  color: #e91e63 !important; /* Magenta */
}
.c-ma.light {
  color: #fbd2e0;
}
.c-li {
  color: #cddc39; /* Lime */
}
.c-li.light {
  color: #f5f8d7;
}
.c-cy {
  color: #00bcd4 !important; /* Cyan */
}
.c-cy.light {
  color: #ccf2f6;
}
.c-re {
  color: #f44336; /* Red */
}
.c-re.light {
  color: #fdd9d7;
}
.c-pu {
  color: #9c27b0; /* Purple */
}
.c-pu.light {
  color: #ebd4ef;
}
.c-bl {
  color: #2196f3; /* Blue */
}
.c-bl.light {
  color: #d3eafd;
}
.c-te {
  color: #009688 !important; /* Teal */
}
.c-te.light {
  color: #cceae7;
}
.c-gr {
  color: #8ac249 !important; /* Green */
}
.c-gr.light {
  color: #e8f3db;
}
.c-ye {
  color: #ffeb3b; /* Yellow */
}
.c-ye.light {
  color: #fffbd8;
}
.c-or {
  color: #ff9800; /* Orange */
}
.c-or.light {
  color: #ffeacc;
}
.c-dg {
  color: #5a5a5b; /* Dark gray */
}
.c-dg.light {
  color: #dedede;
}
.c-mg {
  color: #9e9e9e; /* Medium gray */
}
.c-mg.light {
  color: #ececec;
}
.c-lg {
  color: #f5f8f9; /* Light gray */
}
.c-lg.light {
  color: #fdfefe;
}
.c-wh {
  color: #fff !important; /* White */
}

/****************************************
  ==== LAYOUT
****************************************/

.hide { display: none !important; }
.hidden { visibility: hidden !important; opacity: 0 !important; }
.inbl { display: inline-block; }

.w100 { width: 100% !important; }
.rel { position: relative;}
.overflow-hidden { overflow: hidden; }

.left { float: left !important; }
.right { float: right !important; }

.nobox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.flex-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-col { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.br50 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.br3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.bb { border-bottom: #ececec 1px solid; }
.bt { border-top: #ececec 1px solid; }
.bt0 { border-top: 0 !important; }
.btl { border-top: #f5f8f9 1px solid; }
.bbw { border-bottom: #fff 1px solid; }
.bbl { border-bottom: #f5f8f9 1px solid; }
.bbd { border-bottom: #222c37 1px solid; }
.ba { border: #ececec 1px solid; }
.bb0 { border-bottom: 0; }
.b0 { border: 0 !important; }

/****************************************
  ==== MARGINS & PADDINGS
****************************************/

.m0a { margin: 0 auto !important; }
.m0 { margin: 0 !important; }

.mb0 { margin-bottom: 0 !important; }
.mb1 { margin-bottom: 1px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.mt0 { margin-top: 0 !important; }
.mt1 { margin-top: 1px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr0 { margin-right: 0 !important; }
.mr1 { margin-right: 1px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

.ml0 { margin-left: 0 !important; }
.ml1 { margin-left: 1px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }

.p0 { padding: 0 !important; }
.p1 { padding: 1px !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }

.pr0 { padding-right: 0 !important; }
.pr1 { padding-right: 1px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }

.pl0 { padding-left: 0 !important; }
.pl1 { padding-left: 1px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }

.pb0 { padding-bottom: 0 !important; }
.pb1 { padding-bottom: 1px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }

.pt0 { padding-top: 0 !important; }
.pt1 { padding-top: 1px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }


/****************************************
  ==== BACKGROUNDS & GRADIENTS
****************************************/

.bg-db {
  background-color: #222c37; /* Deep blue */
}
.bg-db.light {
  background-color: #d3d5d7;
}
.bg-ma {
  background-color: #e91e63; /* Magenta */
}
.bg-ma.light {
  background-color: #fbd2e0;
}
.bg-li {
  background-color: #cddc39; /* Lime */
}
.bg-li.light {
  background-color: #f5f8d7;
}
.bg-cy {
  background-color: #00bcd4; /* Cyan */
}
.bg-cy.light {
  background-color: #ccf2f6;
}
.bg-re {
  background-color: #f44336; /* Red */
}
.bg-re.light {
  background-color: #fdd9d7;
}
.bg-pu {
  background-color: #9c27b0; /* Purple */
}
.bg-pu.light {
  background-color: #ebd4ef;
}
.bg-bl {
  background-color: #2196f3; /* Blue */
}
.bg-bl.light {
  background-color: #d3eafd;
}
.bg-te {
  background-color: #009688; /* Teal */
}
.bg-te.light {
  background-color: #cceae7;
}
.bg-gr {
  background-color: #8ac249; /* Green */
}
.bg-gr.light {
  background-color: #e8f3db !important;
}
.bg-ye {
  background-color: #ffeb3b; /* Yellow */
}
.bg-ye.light {
  background-color: #fffbd8 !important;
}
.bg-or {
  background-color: #ff9800; /* Orange */
}
.bg-or.light {
  background-color: #ffeacc !important;
}
.bg-dg {
  background-color: #5a5a5b; /* Dark gray */
}
.bg-dg.light {
  background-color: #dedede;
}
.bg-mg {
  background-color: #9e9e9e; /* Medium gray */
}
.bg-mg.light {
  background-color: #ececec;
}
.bg-lg {
  background-color: #f5f8f9 !important; /* Light gray */
}
.bg-lg.light {
  background-color: #fdfefe;
}
.bg-wh {
  background-color: #fff; /* White */
}

/****************************************
  ==== GRADIENTS
****************************************/

.gr-db { /* Deep blue */
  background: -moz-linear-gradient(top, rgba(34,44,55,0) 25%, rgba(34,44,55,0.85) 100%); background: -webkit-linear-gradient(top, rgba(34,44,55,0) 25%,rgba(34,44,55,0.85) 100%); background: linear-gradient(to bottom, rgba(34,44,55,0) 25%,rgba(34,44,55,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222c37', endColorstr='#d9222c37',GradientType=0 );
}
.gr-db-rev {
  background: -moz-linear-gradient(top, rgba(34,44,55,0.85) 0%, rgba(34,44,55,0) 75%); background: -webkit-linear-gradient(top, rgba(34,44,55,0.85) 0%,rgba(34,44,55,0) 75%); background: linear-gradient(to bottom, rgba(34,44,55,0.85) 0%,rgba(34,44,55,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9222c37', endColorstr='#00222c37',GradientType=0 );
}
.gr-ma { /* Magenta */
  background: -moz-linear-gradient(top, rgba(233,30,99,0) 25%, rgba(233,30,99,0.85) 100%); background: -webkit-linear-gradient(top, rgba(233,30,99,0) 25%,rgba(233,30,99,0.85) 100%); background: linear-gradient(to bottom, rgba(233,30,99,0) 25%,rgba(233,30,99,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e91e63', endColorstr='#d9e91e63',GradientType=0 );
}
.gr-ma-rev {
  background: -moz-linear-gradient(top, rgba(233,30,99,0.85) 0%, rgba(233,30,99,0) 75%); background: -webkit-linear-gradient(top, rgba(233,30,99,0.85) 0%,rgba(233,30,99,0) 75%); background: linear-gradient(to bottom, rgba(233,30,99,0.85) 0%,rgba(233,30,99,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e91e63', endColorstr='#00e91e63',GradientType=0 );
}
.gr-li { /* Lime */
  background: -moz-linear-gradient(top, rgba(205,220,57,0) 25%, rgba(205,220,57,0.85) 100%); background: -webkit-linear-gradient(top, rgba(205,220,57,0) 25%,rgba(205,220,57,0.85) 100%); background: linear-gradient(to bottom, rgba(205,220,57,0) 25%,rgba(205,220,57,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cddc39', endColorstr='#d9cddc39',GradientType=0 );
}
.gr-li-rev {
  background: -moz-linear-gradient(top, rgba(205,220,57,0.85) 0%, rgba(205,220,57,0) 75%); background: -webkit-linear-gradient(top, rgba(205,220,57,0.85) 0%,rgba(205,220,57,0) 75%); background: linear-gradient(to bottom, rgba(205,220,57,0.85) 0%,rgba(205,220,57,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9cddc39', endColorstr='#00cddc39',GradientType=0 );
}
.gr-cy { /* Cyan */
  background: -moz-linear-gradient(top, rgba(0,188,212,0) 25%, rgba(0,188,212,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,188,212,0) 25%,rgba(0,188,212,0.85) 100%); background: linear-gradient(to bottom, rgba(0,188,212,0) 25%,rgba(0,188,212,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000bcd4', endColorstr='#d900bcd4',GradientType=0 );
}
.gr-cy-rev {
  background: -moz-linear-gradient(top, rgba(0,188,212,0.85) 0%, rgba(0,188,212,0) 75%); background: -webkit-linear-gradient(top, rgba(0,188,212,0.85) 0%,rgba(0,188,212,0) 75%); background: linear-gradient(to bottom, rgba(0,188,212,0.85) 0%,rgba(0,188,212,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d900bcd4', endColorstr='#0000bcd4',GradientType=0 );
}
.gr-re { /* Red */
  background: -moz-linear-gradient(top, rgba(244,67,54,0) 25%, rgba(244,67,54,0.85) 100%); background: -webkit-linear-gradient(top, rgba(244,67,54,0) 25%,rgba(244,67,54,0.85) 100%); background: linear-gradient(to bottom, rgba(244,67,54,0) 25%,rgba(244,67,54,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f44336', endColorstr='#d9f44336',GradientType=0 );
}
.gr-re-rev {
  background: -moz-linear-gradient(top, rgba(244,67,54,0.85) 0%, rgba(244,67,54,0) 75%); background: -webkit-linear-gradient(top, rgba(244,67,54,0.85) 0%,rgba(244,67,54,0) 75%); background: linear-gradient(to bottom, rgba(244,67,54,0.85) 0%,rgba(244,67,54,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f44336', endColorstr='#00f44336',GradientType=0 );
}
.gr-pu { /* Purple */
  background: -moz-linear-gradient(top, rgba(156,39,176,0) 25%, rgba(156,39,176,0.85) 100%); background: -webkit-linear-gradient(top, rgba(156,39,176,0) 25%,rgba(156,39,176,0.85) 100%); background: linear-gradient(to bottom, rgba(156,39,176,0) 25%,rgba(156,39,176,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009c27b0', endColorstr='#d99c27b0',GradientType=0 );
}
.gr-pu-rev {
  background: -moz-linear-gradient(top, rgba(156,39,176,0.85) 0%, rgba(156,39,176,0) 75%); background: -webkit-linear-gradient(top, rgba(156,39,176,0.85) 0%,rgba(156,39,176,0) 75%); background: linear-gradient(to bottom, rgba(156,39,176,0.85) 0%,rgba(156,39,176,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d99c27b0', endColorstr='#009c27b0',GradientType=0 );
}
.gr-bl { /* Blue */
  background: -moz-linear-gradient(top, rgba(33,150,243,0) 25%, rgba(33,150,243,0.85) 100%); background: -webkit-linear-gradient(top, rgba(33,150,243,0) 25%,rgba(33,150,243,0.85) 100%); background: linear-gradient(to bottom, rgba(33,150,243,0) 25%,rgba(33,150,243,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002196f3', endColorstr='#d92196f3',GradientType=0 );
}
.gr-bl-rev {
  background: -moz-linear-gradient(top, rgba(33,150,243,0.85) 0%, rgba(33,150,243,0) 75%); background: -webkit-linear-gradient(top, rgba(33,150,243,0.85) 0%,rgba(33,150,243,0) 75%); background: linear-gradient(to bottom, rgba(33,150,243,0.85) 0%,rgba(33,150,243,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92196f3', endColorstr='#002196f3',GradientType=0 );
}
.gr-te { /* Teal */
  background: -moz-linear-gradient(top, rgba(0,150,136,0) 25%, rgba(0,150,136,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,150,136,0) 25%,rgba(0,150,136,0.85) 100%); background: linear-gradient(to bottom, rgba(0,150,136,0) 25%,rgba(0,150,136,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00009688', endColorstr='#d9009688',GradientType=0 );
}
.gr-te-rev {
  background: -moz-linear-gradient(top  rgba(0,150,136,0.85) 0%, rgba(0,150,136,0) 75%); background: -webkit-linear-gradient(top, rgba(0,150,136,0.85) 0%,rgba(0,150,136,0) 75%); background: linear-gradient(to bottom, rgba(0,150,136,0.85) 0%,rgba(0,150,136,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9009688', endColorstr='#00009688',GradientType=0 );
}
.gr-gr { /* Green */
  background: -moz-linear-gradient(top, rgba(138,194,73,0) 25%, rgba(138,194,73,0.85) 100%); background: -webkit-linear-gradient(top, rgba(138,194,73,0) 25%,rgba(138,194,73,0.85) 100%); background: linear-gradient(to bottom, rgba(138,194,73,0) 25%,rgba(138,194,73,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ac249', endColorstr='#d98ac249',GradientType=0 );
}
.gr-gr-rev {
  background: -moz-linear-gradient(top, rgba(138,194,73,0.85) 0%, rgba(138,194,73,0) 75%); background: -webkit-linear-gradient(top, rgba(138,194,73,0.85) 0%,rgba(138,194,73,0) 75%); background: linear-gradient(to bottom, rgba(138,194,73,0.85) 0%,rgba(138,194,73,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d98ac249', endColorstr='#008ac249',GradientType=0 );
}
.gr-ye { /* Yellow */
  background: -moz-linear-gradient(top, rgba(255,235,59,0) 25%, rgba(255,235,59,0.85) 100%); background: -webkit-linear-gradient(top, rgba(255,235,59,0) 25%,rgba(255,235,59,0.85) 100%); background: linear-gradient(to bottom, rgba(255,235,59,0) 25%,rgba(255,235,59,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffeb3b', endColorstr='#d9ffeb3b',GradientType=0 );
}
.gr-ye-rev {
  background: -moz-linear-gradient(top, rgba(255,235,59,0.85) 0%, rgba(255,235,59,0) 75%); background: -webkit-linear-gradient(top, rgba(255,235,59,0.85) 0%,rgba(255,235,59,0) 75%); background: linear-gradient(to bottom, rgba(255,235,59,0.85) 0%,rgba(255,235,59,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffeb3b', endColorstr='#00ffeb3b',GradientType=0 );
}
.gr-or { /* Orange */
  background: -moz-linear-gradient(top, rgba(255,152,0,0) 25%, rgba(255,152,0,0.85) 100%); background: -webkit-linear-gradient(top, rgba(255,152,0,0) 25%,rgba(255,152,0,0.85) 100%); background: linear-gradient(to bottom, rgba(255,152,0,0) 25%,rgba(255,152,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff9800', endColorstr='#d9ff9800',GradientType=0 );
}
.gr-or-rev {
  background: -moz-linear-gradient(top, rgba(255,152,0,0.85) 0%, rgba(255,152,0,0) 75%); background: -webkit-linear-gradient(top, rgba(255,152,0,0.85) 0%,rgba(255,152,0,0) 75%); background: linear-gradient(to bottom, rgba(255,152,0,0.85) 0%,rgba(255,152,0,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ff9800', endColorstr='#00ff9800',GradientType=0 );
}
.gr-lg { /* Light gray */
  background: -moz-linear-gradient(top, rgba(245, 245, 245,0) 25%, rgba(245, 245, 245,0.85) 100%); background: -webkit-linear-gradient(top, rgba(245, 245, 245,0) 25%,rgba(245, 245, 245,0.85) 100%); background: linear-gradient(to bottom, rgba(245, 245, 245,0) 25%,rgba(245, 245, 245,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f500', endColorstr='#f5f5f500',GradientType=0 );
}
.gr-lg-rev {
  background: -moz-linear-gradient(top, rgba(245, 245, 245,0.85) 0%, rgba(245, 245, 245,0) 75%); background: -webkit-linear-gradient(top, rgba(245, 245, 245,0.85) 0%,rgba(245, 245, 245,0) 75%); background: linear-gradient(to bottom, rgba(245, 245, 245,0.85) 0%,rgba(245, 245, 245,0) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f500', endColorstr='#f5f5f500',GradientType=0 );
}

/****************************************
  ==== TABS
****************************************/

ul.tabs {
  margin: 0;
}
ul.tabs:after {
  visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
ul.tabs li {
  height: 60px; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.9375em;
}
ul.tabs li:before {
  display: none;
}
ul.tabs li a {
  height: 60px; line-height: 60px; display: block; float: left; padding: 0 25px; background: #ececec; text-decoration: none; color: #5a5a5b; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
ul.tabs li a:hover {
  color: #222c37; background: #f5f8f9;
}
ul.tabs li.selected a, ul.tabs li a.selected {
  height: 60px; line-height: 54px; color: #222c37; border-top: #00bcd4 3px solid; background: #f5f8f9;
}
ul.tabs li.more a {
  height: 60px; line-height: 60px; display: block; float: left; padding: 0 25px; background: #ececec; text-decoration: none; color: #5a5a5b; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
}
div.tab-content {
  padding: 30px; background: #f5f8f9;
}
ul.tabs li {
  font-size: 1.0625em;
}
ul.tabs li a {
  padding: 0 60px;
}
ul.tabs.center li {
  display: inline-block; float: none; margin: 0; vertical-align: top;
}
div.tab-content {
  background: #fff;
}

/****************************************
  ==== SUB TABS
****************************************/

ul.subtabs {
  margin: 0; border-bottom: #f5f8f9 2px solid;
}
ul.subtabs:after {
  visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
ul.subtabs li {
  height: 50px; float: left; padding: 0; margin: 0 30px 0 0; font-size: 1.125em;
}
ul.subtabs li:before {
  display: none;
}
ul.subtabs li a {
  height: 50px; line-height: 50px; display: block; float: left; padding: 0 5px; text-decoration: none; color: #5a5a5b; position: relative;
}
ul.subtabs li a:hover {
  color: #00bcd4;
}
ul.subtabs li.selected a, ul.subtabs li a.selected {
  color: #00bcd4;
}
ul.subtabs li.selected a:after, ul.subtabs li a.selected:after {
  content: ''; width: 100%; height: 2px; background: #00bcd4; position: absolute; bottom: -2px; left: 0;
}
div.subtab-content {
  padding: 0; background: #fff;
}
ul.subtabs.center li {
  float: none; display: inline-block; margin: 0 15px; vertical-align: top;
}
ul.subtabs.center li.selected a:after, ul.subtabs.center li a.selected:after {
  bottom: -2px;
}

/****************************************
  ==== TABLES
****************************************/

table {
  margin: 0 0 20px 0;
}
table td {
  padding: 0 20px 0 0; vertical-align: top;
}
table.data {
  width: 100%; margin: 0 0 20px 0;
}
table.data thead tr {
  border-bottom: #f5f8f9 2px solid;
}
table.data thead tr th {
  font-size: 0.875em; font-weight: 400; padding: 0 15px 5px 15px; vertical-align: top;
}
table.data tbody tr {
  border-bottom: #f5f8f9 1px solid; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s;
}
table.data tbody tr:hover {
  background: #f5f8f9;
}
table.data tbody td {
  padding: 15px 15px 15px 15px; font-size: 0.9375em;
}
table.data tbody td:first-child {
  font-weight: 400;
}
table.data tbody td .ico {
  color: #9e9e9e;
}
table.data tbody tr:hover td .ico {
  color: #00bcd4;
}

table.list {
  width: 100%; margin: 0 0 20px 0;
}
table.list thead tr {
  border-bottom: #f5f8f9 1px solid;
}
table.list thead tr th.lbl {
  font-size: 1.25em; font-weight: 700; padding: 10px 0 10px 0; vertical-align: top;
}
table.list tbody tr {
  border-bottom: #f5f8f9 1px solid; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s;
}
table.list tbody td {
  padding: 15px 15px 15px 0; font-size: 0.9375em;
}
table.list tbody td:first-child {
  font-weight: 400;
}
table.list tbody td .ico {
  color: #9e9e9e;
}
table.list tbody tr:hover td .ico {
  color: #00bcd4;
}

table tbody td {
  font-size: 1.125em; line-height: 1.5em;
}
table.list thead tr th.lbl {
  font-size: 1.25em;
}
table.list tbody td {
  font-size: 1.125em;
}

/****************************************
  ==== THE FONT
****************************************/

@font-face {
  font-family: 'entypo-plus';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/entypo-plus/entypo.eot');
  src: url('../fonts/entypo-plus/entypo.eot#iefix') format('embedded-opentype'),
       url('../fonts/entypo-plus/entypo.woff') format('woff'),
       url('../fonts/entypo-plus/entypo.ttf') format('truetype'),
       url('../fonts/entypo-plus/entypo.svg#entypo-plus') format('svg');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo-plus';
    src: url('../fonts/entypo-plus/entypo.svg?20886402#entypo-plus') format('svg');
  }
}

/****************************************
  ==== BASIC SETUP
****************************************/

[class^="ico-"]:before, [class*=" ico-"]:before {
  font-family: "entypo-plus"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit;
  width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; font-size: 120%;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/****************************************
  ==== THE ICONS
****************************************/

.ico-video-camera:before {
  content: "\e903";
}
.ico-bug:before {
  content: "\e904";
}
.ico-crop:before {
  content: "\e905";
}
.ico-tablet-mobile-combo:before {
  content: "\e906";
}
.ico-mouse-pointer:before {
  content: "\e907";
}
.ico-unity-check:before {
  content: "\e908";
}
.ico-unity-cube:before {
  content: "\ea3e";
}
.ico-add-to-list:before {
  content: "\e900";
}
.ico-classic-computer:before {
  content: "\e901";
}
.ico-controller-fast-backward:before {
  content: "\e902";
}
.ico-document-landscape:before {
  content: "\e90c";
}
.ico-remove-user:before {
  content: "\e90d";
}
.ico-warning:before {
  content: "\e90e";
}
.ico-bookmark:before {
  content: "\e91f";
}
.ico-bookmarks:before {
  content: "\e920";
}
.ico-chevron-down:before {
  content: "\e921";
}
.ico-chevron-left:before {
  content: "\e922";
}
.ico-chevron-right:before {
  content: "\e923";
}
.ico-chevron-small-down:before {
  content: "\e924";
}
.ico-chevron-small-left:before {
  content: "\e925";
}
.ico-chevron-small-right:before {
  content: "\e926";
}
.ico-chevron-small-up:before {
  content: "\e927";
}
.ico-chevron-thin-down:before {
  content: "\e928";
}
.ico-chevron-thin-left:before {
  content: "\e929";
}
.ico-chevron-thin-right:before {
  content: "\e92a";
}
.ico-chevron-thin-up:before {
  content: "\e92b";
}
.ico-chevron-up:before {
  content: "\e92c";
}
.ico-cloud:before {
  content: "\e931";
}
.ico-controller-fast-forward:before {
  content: "\e932";
}
.ico-controller-jump-to-start:before {
  content: "\e933";
}
.ico-controller-next:before {
  content: "\e934";
}
.ico-controller-paus:before {
  content: "\e935";
}
.ico-controller-play:before {
  content: "\e936";
}
.ico-controller-record:before {
  content: "\e937";
}
.ico-controller-stop:before {
  content: "\e938";
}
.ico-controller-volume:before {
  content: "\e939";
}
.ico-dot-single:before {
  content: "\e93a";
}
.ico-dots-three-horizontal:before {
  content: "\e93b";
}
.ico-dots-three-vertical:before {
  content: "\e93c";
}
.ico-dots-two-horizontal:before {
  content: "\e93d";
}
.ico-dots-two-vertical:before {
  content: "\e93e";
}
.ico-download:before {
  content: "\e93f";
}
.ico-emoji-flirt:before {
  content: "\e940";
}
.ico-flow-branch:before {
  content: "\e941";
}
.ico-flow-cascade:before {
  content: "\e942";
}
.ico-flow-line:before {
  content: "\e943";
}
.ico-flow-parallel:before {
  content: "\e944";
}
.ico-flow-tree:before {
  content: "\e945";
}
.ico-install:before {
  content: "\e946";
}
.ico-layers:before {
  content: "\e947";
}
.ico-open-book:before {
  content: "\e948";
}
.ico-resize-100:before {
  content: "\e949";
}
.ico-resize-full-screen:before {
  content: "\e94a";
}
.ico-save:before {
  content: "\e94b";
}
.ico-select-arrows:before {
  content: "\e94c";
}
.ico-sound-mute:before {
  content: "\e94d";
}
.ico-sound:before {
  content: "\e94e";
}
.ico-trash:before {
  content: "\e94f";
}
.ico-triangle-down:before {
  content: "\e950";
}
.ico-triangle-left:before {
  content: "\e951";
}
.ico-triangle-right:before {
  content: "\e952";
}
.ico-triangle-up:before {
  content: "\e953";
}
.ico-uninstall:before {
  content: "\e954";
}
.ico-upload-to-cloud:before {
  content: "\e955";
}
.ico-upload:before {
  content: "\e956";
}
.ico-add-user:before {
  content: "\e957";
}
.ico-address:before {
  content: "\e958";
}
.ico-adjust:before {
  content: "\e959";
}
.ico-air:before {
  content: "\e95a";
}
.ico-aircraft-landing:before {
  content: "\e95b";
}
.ico-aircraft-take-off:before {
  content: "\e95c";
}
.ico-aircraft:before {
  content: "\e95d";
}
.ico-align-bottom:before {
  content: "\e95e";
}
.ico-align-horizontal-middle:before {
  content: "\e95f";
}
.ico-align-left:before {
  content: "\e960";
}
.ico-align-right:before {
  content: "\e961";
}
.ico-align-top:before {
  content: "\e962";
}
.ico-align-vertical-middle:before {
  content: "\e963";
}
.ico-archive:before {
  content: "\e964";
}
.ico-area-graph:before {
  content: "\e965";
}
.ico-attachment:before {
  content: "\e966";
}
.ico-awareness-ribbon:before {
  content: "\e967";
}
.ico-back-in-time:before {
  content: "\e968";
}
.ico-back:before {
  content: "\e969";
}
.ico-bar-graph:before {
  content: "\e96a";
}
.ico-battery:before {
  content: "\e96b";
}
.ico-beamed-note:before {
  content: "\e96c";
}
.ico-bell:before {
  content: "\e96d";
}
.ico-blackboard:before {
  content: "\e96e";
}
.ico-block:before {
  content: "\e96f";
}
.ico-book:before {
  content: "\e970";
}
.ico-bowl:before {
  content: "\e971";
}
.ico-box:before {
  content: "\e972";
}
.ico-briefcase:before {
  content: "\e973";
}
.ico-browser:before {
  content: "\e974";
}
.ico-brush:before {
  content: "\e975";
}
.ico-bucket:before {
  content: "\e976";
}
.ico-cake:before {
  content: "\e977";
}
.ico-calculator:before {
  content: "\e978";
}
.ico-calendar:before {
  content: "\e979";
}
.ico-camera:before {
  content: "\e97a";
}
.ico-ccw:before {
  content: "\e97b";
}
.ico-chat:before {
  content: "\e97c";
}
.ico-check:before {
  content: "\e97d";
}
.ico-circle-with-cross:before {
  content: "\e97e";
}
.ico-circle-with-minus:before {
  content: "\e97f";
}
.ico-circle-with-plus:before {
  content: "\e980";
}
.ico-circle:before {
  content: "\e981";
}
.ico-circular-graph:before {
  content: "\e982";
}
.ico-clapperboard:before {
  content: "\e983";
}
.ico-clipboard:before {
  content: "\e984";
}
.ico-clock:before {
  content: "\e985";
}
.ico-code:before {
  content: "\e986";
}
.ico-cog:before {
  content: "\e987";
}
.ico-colours:before {
  content: "\e988";
}
.ico-compass:before {
  content: "\e989";
}
.ico-copy:before {
  content: "\e98a";
}
.ico-credit-card:before {
  content: "\e98b";
}
.ico-credit:before {
  content: "\e98c";
}
.ico-cross:before {
  content: "\e98d";
}
.ico-cup:before {
  content: "\e98e";
}
.ico-cw:before {
  content: "\e98f";
}
.ico-cycle:before {
  content: "\e990";
}
.ico-database:before {
  content: "\e991";
}
.ico-dial-pad:before {
  content: "\e992";
}
.ico-direction:before {
  content: "\e993";
}
.ico-document:before {
  content: "\e994";
}
.ico-documents:before {
  content: "\e995";
}
.ico-drink:before {
  content: "\e996";
}
.ico-drive:before {
  content: "\e997";
}
.ico-drop:before {
  content: "\e998";
}
.ico-edit:before {
  content: "\e999";
}
.ico-email:before {
  content: "\e99a";
}
.ico-emoji-happy:before {
  content: "\e99b";
}
.ico-emoji-neutral:before {
  content: "\e99c";
}
.ico-emoji-sad:before {
  content: "\e99d";
}
.ico-erase:before {
  content: "\e99e";
}
.ico-eraser:before {
  content: "\e99f";
}
.ico-export:before {
  content: "\e9a0";
}
.ico-eye:before {
  content: "\e9a1";
}
.ico-feather:before {
  content: "\e9a2";
}
.ico-flag:before {
  content: "\e9a3";
}
.ico-flash:before {
  content: "\e9a4";
}
.ico-flashlight:before {
  content: "\e9a5";
}
.ico-flat-brush:before {
  content: "\e9a6";
}
.ico-folder-images:before {
  content: "\e9a7";
}
.ico-folder-music:before {
  content: "\e9a8";
}
.ico-folder-video:before {
  content: "\e9a9";
}
.ico-folder:before {
  content: "\e9aa";
}
.ico-forward:before {
  content: "\e9ab";
}
.ico-funnel:before {
  content: "\e9ac";
}
.ico-game-controller:before {
  content: "\e9ad";
}
.ico-gauge:before {
  content: "\e9ae";
}
.ico-globe:before {
  content: "\e9af";
}
.ico-graduation-cap:before {
  content: "\e9b0";
}
.ico-grid:before {
  content: "\e9b1";
}
.ico-hair-cross:before {
  content: "\e9b2";
}
.ico-hand:before {
  content: "\e9b3";
}
.ico-heart-outlined:before {
  content: "\e9b4";
}
.ico-heart:before {
  content: "\e9b5";
}
.ico-help-with-circle:before {
  content: "\e9b6";
}
.ico-help:before {
  content: "\e9b7";
}
.ico-home:before {
  content: "\e9b8";
}
.ico-hour-glass:before {
  content: "\e9b9";
}
.ico-image-inverted:before {
  content: "\e9ba";
}
.ico-image:before {
  content: "\e9bb";
}
.ico-images:before {
  content: "\e9bc";
}
.ico-inbox:before {
  content: "\e9bd";
}
.ico-infinity:before {
  content: "\e9be";
}
.ico-info-with-circle:before {
  content: "\e9bf";
}
.ico-info:before {
  content: "\e9c0";
}
.ico-key:before {
  content: "\e9c1";
}
.ico-keyboard:before {
  content: "\e9c2";
}
.ico-lab-flask:before {
  content: "\e9c3";
}
.ico-landline:before {
  content: "\e9c4";
}
.ico-language:before {
  content: "\e9c5";
}
.ico-laptop:before {
  content: "\e9c6";
}
.ico-leaf:before {
  content: "\e9c7";
}
.ico-level-down:before {
  content: "\e9c8";
}
.ico-level-up:before {
  content: "\e9c9";
}
.ico-lifebuoy:before {
  content: "\e9ca";
}
.ico-light-bulb:before {
  content: "\e9cb";
}
.ico-light-down:before {
  content: "\e9cc";
}
.ico-light-up:before {
  content: "\e9cd";
}
.ico-line-graph:before {
  content: "\e9ce";
}
.ico-link:before {
  content: "\e9cf";
}
.ico-list:before {
  content: "\e9d0";
}
.ico-location-pin:before {
  content: "\e9d1";
}
.ico-location:before {
  content: "\e9d2";
}
.ico-lock-open:before {
  content: "\e9d3";
}
.ico-lock:before {
  content: "\e9d4";
}
.ico-log-out:before {
  content: "\e9d5";
}
.ico-login:before {
  content: "\e9d6";
}
.ico-loop:before {
  content: "\e9d7";
}
.ico-magnet:before {
  content: "\e9d8";
}
.ico-magnifying-glass:before {
  content: "\e9d9";
}
.ico-mail:before {
  content: "\e9da";
}
.ico-man:before {
  content: "\e9db";
}
.ico-map:before {
  content: "\e9dc";
}
.ico-mask:before {
  content: "\e9dd";
}
.ico-medal:before {
  content: "\e9de";
}
.ico-megaphone:before {
  content: "\e9df";
}
.ico-menu:before {
  content: "\e9e0";
}
.ico-message:before {
  content: "\e9e1";
}
.ico-mic:before {
  content: "\e9e2";
}
.ico-minus:before {
  content: "\e9e3";
}
.ico-mobile:before {
  content: "\e9e4";
}
.ico-modern-mic:before {
  content: "\e9e5";
}
.ico-moon:before {
  content: "\e9e6";
}
.ico-mouse:before {
  content: "\e9e7";
}
.ico-music:before {
  content: "\e9e8";
}
.ico-network:before {
  content: "\e9e9";
}
.ico-new-message:before {
  content: "\e9ea";
}
.ico-new:before {
  content: "\e9eb";
}
.ico-news:before {
  content: "\e9ec";
}
.ico-note:before {
  content: "\e9ed";
}
.ico-notification:before {
  content: "\e9ee";
}
.ico-old-mobile:before {
  content: "\e9ef";
}
.ico-old-phone:before {
  content: "\e9f0";
}
.ico-palette:before {
  content: "\e9f1";
}
.ico-paper-plane:before {
  content: "\e9f2";
}
.ico-pencil:before {
  content: "\e9f3";
}
.ico-phone:before {
  content: "\e9f4";
}
.ico-pie-chart:before {
  content: "\e9f5";
}
.ico-pin:before {
  content: "\e9f6";
}
.ico-plus:before {
  content: "\e9f7";
}
.ico-popup:before {
  content: "\e9f8";
}
.ico-power-plug:before {
  content: "\e9f9";
}
.ico-price-ribbon:before {
  content: "\e9fa";
}
.ico-price-tag:before {
  content: "\e9fb";
}
.ico-print:before {
  content: "\e9fc";
}
.ico-progress-empty:before {
  content: "\e9fd";
}
.ico-progress-full:before {
  content: "\e9fe";
}
.ico-progress-one:before {
  content: "\e9ff";
}
.ico-progress-two:before {
  content: "\ea00";
}
.ico-publish:before {
  content: "\ea01";
}
.ico-quote:before {
  content: "\ea02";
}
.ico-radio:before {
  content: "\ea03";
}
.ico-reply-all:before {
  content: "\ea04";
}
.ico-reply:before {
  content: "\ea05";
}
.ico-retweet:before {
  content: "\ea06";
}
.ico-rocket:before {
  content: "\ea07";
}
.ico-round-brush:before {
  content: "\ea08";
}
.ico-rss:before {
  content: "\ea09";
}
.ico-ruler:before {
  content: "\ea0a";
}
.ico-scissors:before {
  content: "\ea0b";
}
.ico-share-alternitive:before {
  content: "\ea0c";
}
.ico-share:before {
  content: "\ea0d";
}
.ico-shareable:before {
  content: "\ea0e";
}
.ico-shield:before {
  content: "\ea0f";
}
.ico-shop:before {
  content: "\ea10";
}
.ico-shopping-bag:before {
  content: "\ea11";
}
.ico-shopping-basket:before {
  content: "\ea12";
}
.ico-shopping-cart:before {
  content: "\ea13";
}
.ico-shuffle:before {
  content: "\ea14";
}
.ico-signal:before {
  content: "\ea15";
}
.ico-sound-mix:before {
  content: "\ea16";
}
.ico-sports-club:before {
  content: "\ea17";
}
.ico-squared-cross:before {
  content: "\ea19";
}
.ico-squared-minus:before {
  content: "\ea1a";
}
.ico-squared-plus:before {
  content: "\ea1b";
}
.ico-star-outlined:before {
  content: "\ea1c";
}
.ico-star:before {
  content: "\ea1d";
}
.ico-stopwatch:before {
  content: "\ea1e";
}
.ico-suitcase:before {
  content: "\ea1f";
}
.ico-swap:before {
  content: "\ea20";
}
.ico-sweden:before {
  content: "\ea21";
}
.ico-switch:before {
  content: "\ea22";
}
.ico-tablet:before {
  content: "\ea23";
}
.ico-tag:before {
  content: "\ea24";
}
.ico-text-document-inverted:before {
  content: "\ea25";
}
.ico-text-document:before {
  content: "\ea26";
}
.ico-text:before {
  content: "\ea27";
}
.ico-thermometer:before {
  content: "\ea28";
}
.ico-thumbs-down:before {
  content: "\ea29";
}
.ico-thumbs-up:before {
  content: "\ea2a";
}
.ico-thunder-cloud:before {
  content: "\ea2b";
}
.ico-ticket:before {
  content: "\ea2c";
}
.ico-time-slot:before {
  content: "\ea2d";
}
.ico-tools:before {
  content: "\ea2e";
}
.ico-owl:before {
  content: "\e909";
}
.ico-traffic-cone:before {
  content: "\ea2f";
}
.ico-tree:before {
  content: "\ea30";
}
.ico-trophy:before {
  content: "\ea31";
}
.ico-tv:before {
  content: "\ea32";
}
.ico-typing:before {
  content: "\ea33";
}
.ico-unread:before {
  content: "\ea34";
}
.ico-untag:before {
  content: "\ea35";
}
.ico-user:before {
  content: "\ea36";
}
.ico-users:before {
  content: "\ea37";
}
.ico-v-card:before {
  content: "\ea38";
}
.ico-video:before {
  content: "\ea39";
}
.ico-vinyl:before {
  content: "\ea3a";
}
.ico-voicemail:before {
  content: "\ea3b";
}
.ico-wallet:before {
  content: "\ea3c";
}
.ico-water:before {
  content: "\ea3d";
}