/* ====================================================
 * Company: Unity Technologies
 * Contributors:
   - Rickard Andersson, rickard@unity3d.com
 *
   TABLE OF CONTENTS
   1. Core layout
   2. Main header
   3. Navigation
   4. Footer
   5. Error pages
   6. Breakpoint < 1280px
   7. Breakpoint < 1024px
   8. Breakpoint < 768px
   9. Breakpoint < 480px
  10. Retina images
 *
======================================================= */

/****************************************
  ==== 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%; margin: 0 auto; position: relative;
}

section.main-wrapper {
  width: 100%; max-width: 1920px; padding: 74px 0 0 0; position: relative; margin: 0 auto;
}
.has-submenu section.main-wrapper {
  padding: 125px 0 0 0;
}
div.main-content {
  width: 100%;
}
.has-sidebar div.main-content {
  float: left; padding: 0 0 0 350px; position: relative;
}
div.content-wrapper {
  width: 100%; max-width: 1280px; margin: 0 auto; text-align: left; padding: 30px;
}
.has-sidebar div.content-wrapper, .has-sidebar div#content-wrapper {
  max-width: 1570px; margin: 0; padding: 30px;
}
.front .bg-lg { background-color: #F5F5F5 !important; }
.c-vlg { color: #f5f5f5 !important; }
.b-vlg { border-color: #f5f5f5 !important; }
/****************************************
  ==== 2. MAIN HEADER
****************************************/
.unity-logo {
   background: url('../../images/ui/ui/unity-logo-white.svg') 0 0 no-repeat;
   background-size: 100% 100%;
}
header.main-header {
  width: 100%; height: 75px; padding: 0 30px; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden;
}
.has-submenu header.main-header {
  height: 125px;
}
header.main-header.nav-dropdown {
  height: 450px;
}
header.main-header div.wrap {
  width: 100%; max-width: 1160px; margin: 0 auto; position: relative;
}
.has-sidebar header.main-header div.wrap {
  max-width: 1800px;
}
.has-background header.main-header {
  background: #000000;
}
header.main-header a.unity-logo {
  width: 84px; height: 30px; display: block; position: absolute; top: 22px; left: 30px; z-index: 10;
}
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: #002835; font-weight: 100; font-size: 1.875em; text-decoration: none;
}
header.main-header a.app-name span.status {
  background: #9e9e9e; color: #fff; font-size: 0.3em; padding: 2px 5px; position: relative; top: -10px; text-transform: uppercase; font-weight: 400; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
header.main-header.headroom--pinned {
  top: 0; position: fixed; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear;
}
header.main-header.headroom--unpinned {
  -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%);
}
header.main-header.headroom--top {
  position: absolute;
}
.header-static header.main-header {
  position: absolute; -webkit-transform: none; -moz-transform: none; transform: none;
}

/* Tools */
header.main-header div.main-tools {
  position: absolute; top: 0; right: 30px; z-index: 10;
}
header.main-header a.tool {
  height: 34px; float: left; margin: 20px 20px 20px 0; text-decoration: none; color: #fff;
}
header.main-header a.tool div.icon {
  width: 22px; height: 22px; margin: 6px auto; position: relative; background: url(../../images/ui/sprites/core-sprite.png) 0 0 no-repeat;
}
header.main-header a.tool-search div.icon {
  background-position: -268px 0;
}
header.main-header a.tool-notifications div.icon {
  background-position: -192px 0; float: left;
}
header.main-header a.tool-cart div.icon {
  width: 26px; background-position: -244px 0; float: left;
}
header.main-header a.tool-cart div.has-items:after {
  content: ''; width: 8px; height: 0; display: block; position: absolute; top: 6px; left: 10px; border-top: #e91e63 5px solid; border-left: transparent 2px solid; border-right: transparent 2px solid;
}
header.main-header a.tool div.count {
  height: 18px; line-height: 20px; padding: 0 5px; margin: 8px 0 8px 5px; float: left; font-size: 0.675em; font-weight: 900; color: #fff; text-align: center; background: #e91e63; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
header.main-header a.tool div.count.empty {
  background: #737373; color: #a5a5a5;
}
header.main-header a.user-icon {
  float: left; display: block; margin: 20px 0;
}
header.main-header a.user-icon img.avatar {
  width: 34px; height: 34px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
header.main-header a.user-icon div.avatar {
  width: 34px; height: 34px; line-height: 34px; color: #fff; text-align: center; font-size: 0.9375em; text-transform: uppercase; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
  background: rgb(233,30,99);
  background: -moz-linear-gradient(45deg,  rgba(233,30,99,1) 0%, rgba(255,152,0,1) 100%, rgba(233,30,99,1) 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(233,30,99,1)), color-stop(100%,rgba(255,152,0,1)), color-stop(100%,rgba(233,30,99,1)));
  background: -webkit-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: -o-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: -ms-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e63', endColorstr='#e91e63',GradientType=1 );
}
header.main-header a.tool-menu {
  display: none;
}

/* Panels */
div.header-panel {
  width: 600px; text-align: left; overflow-y: auto; background: #f5f8f9; position: fixed; top: 75px; bottom: 0; right: -100%; z-index: 44; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; transition: right 0.3s; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0 0 15px rgba(34,44,55,0.25); -moz-box-shadow: 0 0 15px rgba(34,44,55,0.25); box-shadow: 0 0 15px rgba(34,44,55,0.25);
}
.has-submenu div.header-panel {
  top: 125px;
}
.dashboard div.header-panel {
  border-top: #f5f8f9 1px solid;
}
div.header-panel.speed-in {
  right: 0;
}
div.panel-overlay, div.overlay {
  width: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: rgba(34,44,55,0.6); cursor: pointer; display: none;
}
div.panel-overlay.is-visible {
  display: block; -webkit-animation: cd-fade-in 0.4s; -moz-animation: cd-fade-in 0.4s; animation: cd-fade-in 0.4s;
}
@-webkit-keyframes cd-fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes cd-fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes cd-fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
div.header-panel div.panel-content {
	height: 100%; padding: 30px;
}
div.search-panel div.panel-content {
	padding: 0;
}
div.search-panel div.panel-content h4 {
	padding: 30px 30px 0 30px;
}
div.user-panel div.panel-content {
  padding: 30px 0;
}

div.user-panel img.avatar {
  width: 96px; height: 96px; margin: 0 auto 20px auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
}
div.user-panel div.avatar {
  width: 96px; height: 96px; line-height: 96px; margin: 0 auto 20px auto; color: #fff; text-align: center; text-transform: uppercase; font-size: 2.5em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
  background: rgb(233,30,99);
  background: -moz-linear-gradient(45deg,  rgba(233,30,99,1) 0%, rgba(255,152,0,1) 100%, rgba(233,30,99,1) 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(233,30,99,1)), color-stop(100%,rgba(255,152,0,1)), color-stop(100%,rgba(233,30,99,1)));
  background: -webkit-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: -o-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: -ms-linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  background: linear-gradient(45deg,  rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%,rgba(233,30,99,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e63', endColorstr='#e91e63',GradientType=1 );
}
div.user-panel h3 {
  padding: 0 30px 30px 30px; margin: 0; border-bottom: #fff 1px solid; font-weight: 700;
}
div.user-panel div.links {
  margin: 0 0 30px 0;
}
div.user-panel div.link {
  width: 100%; float: left; border-bottom: #fff 1px solid;
}
div.user-panel a.link {
  width: 100%; display: block; color: #5a5a5b; padding: 30px; -webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s;
}
div.user-panel a.link:hover {
  background: #fff; text-decoration: none;
}
div.user-panel a.link div.icon {
  margin: 0 0 20px 0;
}
div.user-panel a.link div.icon:before {
  font-size: 200%;
}
div.user-panel a.link h4 {
  font-weight: 300;
}
div.user-panel a.link small {
  margin: 0;
}
div.user-panel div.sign-in {
  padding: 0 30px;
}

/****************************************
  ==== 3. NAVIGATION
****************************************/

div.main-navigation {
  width: 100%; text-align: left; position: relative; z-index: 9; padding: 0 85px 0 124px; font-weight: 400;
}
div.main-navigation:before {
  content: ''; height: 75px; display: block; position: absolute; top: 0; left:-50%; right:-50%; z-index: -1; background: #000000;
}
div.main-navigation ul {
  width: 100%; height: 75px; list-style: none; position: relative; margin: 0;
}
div.main-navigation ul li {
  float: left; padding: 0 30px 0 0; margin: 0; font-size: 1.0625em;
}
div.main-navigation ul li:before, div.main-navigation ul li.first {
  display: none;
}
div.main-navigation ul li a {
  height: 75px; line-height: 75px; float: left; display: block; color: #fff; text-decoration: none;
}
div.main-navigation ul li a:hover {
  color: #00bcd4;
}
div.main-navigation ul li a.selected, div.main-navigation ul li a.active, div.main-navigation ul li a.active-trail {
  color: #00bcd4; font-weight: 700;
}
div.main-navigation ul li.last,
div.main-navigation ul li:nth-last-child(2) {
  float: right;
}

nav.sub-nav {
  width: 100%; position: relative; font-weight: 400;
}
nav.sub-nav:before, nav.sub-nav:after {
  content: ''; width: 100%; height: 50px; display: block; position: absolute; top: 0px; z-index: -1; background: rgba(0, 0, 0, 0.4);
}
nav.sub-nav:before {
  left: -50%;
}
nav.sub-nav:after {
  right: -50%;
}
nav.sub-nav ul {
  list-style-type: none; height: 50px; position: relative; z-index: 4; padding: 0;
}
nav.sub-nav ul li {
  float: left; margin: 0 30px 0 0; padding: 0;
}
nav.sub-nav ul li:before {
  display: none;
}
nav.sub-nav ul li a {
  height: 34px; line-height: 34px; display: block; float: left; color: #002835; text-decoration: none; font-size: 0.875em;
}
nav.sub-nav ul li a, nav.sub-nav ul li a:hover, nav.sub-nav ul li a:active, nav.sub-nav ul li a:focus {
  color: #ffffff; height: 50px; line-height: 50px;
}

nav.sub-nav ul li a:hover,
nav.sub-nav ul li a.active,
nav.sub-nav ul li a.active-trail {
  text-decoration: none; color: #00BFD8;
}

nav.sub-nav ul li a.active:hover,
nav.sub-nav ul li a.active-trail:hover {
  text-decoration: none; color: #00BFD8;
}

nav.sub-nav ul li.more a {
  padding: 0 12px 0 0; margin: 0;
}
nav.sub-nav ul li.more a:after {
  content: ""; display: block; position: absolute; top: 15px; right: 0; font-size: 0; line-height: 0%; width: 0px; border: transparent 4px solid; border-top-color: #fff;
}
nav.sub-nav ul li.open a:after {
  top: 10px; border: transparent 4px solid; border-top-color: transparent; border-bottom-color: #fff;
}
body.i18n-ja .menu-629 {
  display: none !important;
}

nav.tertiary-nav {
  width: 100%; background: #f5f8f9;
}
nav.tertiary-nav div.wrap {
  width: 100%; max-width: 1600px; margin: 0 auto; text-align: left; padding: 0 60px;
}
nav.tertiary-nav div.wrap ul.tabbed {
  margin: 0;
}
nav.tertiary-nav div.wrap ul.tabbed li {
  float: left; margin: 0; padding: 0; border-right: #fff 1px solid; font-size: 1.125em;
}
nav.tertiary-nav div.wrap ul.tabbed li:first-child {
  border-left: #fff 1px solid;
}
nav.tertiary-nav div.wrap ul.tabbed li:before {
  display: none;
}
nav.tertiary-nav div.wrap ul.tabbed li a {
  padding: 25px 45px; display: block; color: #002835; word-break: normal;
}
nav.tertiary-nav div.wrap ul.tabbed li a.active-trail {
  font-weight: 700; color: #fff; background: #002835; text-decoration: none;
}
nav.tertiary-nav {
  width: 100%; background: #f5f8f9;
}
nav.tertiary-nav div.select-box div.trigger {
  line-height: 40px; padding: 15px 45px 15px 13px; color: #002835; font-size: 1.125em; background: #f5f8f9; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
nav.tertiary-nav div.select-box div.trigger:before {
  height: 70px; line-height: 70px; background: none;
}
nav.tertiary-nav div.select-box ul.options {
  top: 60px;
}
nav.tertiary-nav div.select-box ul.options li a.active-trail {
  font-weight: 700; color: #002835;
}
nav.tertiary-nav div.select-box ul.options li a:hover {
  color: #fff; background-color: #002835;
}
.tertiary-stuck nav.tertiary-nav {
  position: fixed; top: 0; z-index: 45;
}
.main-navigation .menu .expanded .menu {
  display: none;
  z-index: -1;
  width: auto;
  height: auto;
  position: absolute;
  background: rgba(0,0,0,0.9);
  margin-left: -20px;
  top: 58px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.main-navigation .menu .expanded .menu li {
  position: relative;
  width: 260px;
  padding-left: 20px;
}
.main-navigation .menu .expanded .menu li a {
  font-size: 16px;
  line-height: 32px;
  height: auto;
}
.main-navigation .menu .expanded .menu li.first {
  display: initial;
}
/*.main-navigation .menu .expanded .menu li.last {
  float: initial;
}*/
.main-navigation .menu .expanded .menu.show {
  display: block;
}
header.main-header {
  overflow: hidden;
}


/****************************************
  ==== 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; position: relative;
}
div.hero .gw {
  padding-top: 60px; position: relative; z-index: 3;
}
div.hero:before {
  content: ''; display: block; width: 100%; position: absolute; top: -74px; bottom: 0; left: 0; z-index: -1; background: #262626 50% 50% no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
.has-submenu div.hero:before {
  top: -114px;
}

/****************************************
  ==== FOOTER
****************************************/

/* Layout */
footer.main-footer {
  width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; text-align: left; font-weight: 400;
}
footer.main-footer div.wrapper {
  background: #000000; padding: 10px 0;
}
footer.main-footer .unity-logo {
  width: 94px; height: 34px; display: block; float: left; margin: 0 0 20px 0;
}
footer.main-footer a.to-top {
  width: 34px; height: 34px; display: block; color: #fff; text-align: center; position: absolute; top: 0; right: 0; opacity: 0.3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #3D3D3D; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s;
}
footer.main-footer a.to-top:before {
  content: ''; width: 34px; height: 34px; display: block; position: absolute; top: 0; right: 0; background: url(../../images/ui/sprites/core-sprite.png) -231px -78px no-repeat;
}
footer.main-footer a.to-top:hover {
  opacity: 1;
}
footer.main-footer p.lbl {
  font-weight: 700; color: #ffffff; font-size: 1em; margin: 0 0 5px 0;
}
footer.main-footer .bb {
  border-bottom: 1px solid #1f1f1f;
}

/* Links */
footer.main-footer div.links ul {
  margin: 0;
}
footer.main-footer div.links ul li {
  margin: 0; font-size: 1em; padding: 0; line-height: 1.5em;
}
footer.main-footer div.links ul li:before {
  display: none;
}
footer.main-footer div.links ul li a {
  color: #9e9e9e;
}

/* Partners */
footer.main-footer div.partner {
  float: left; margin: 0 45px 15px 0; height: 29px;
}
footer.main-footer div.partner a {
  height: 26px; display: block;  opacity: 0.3; background: url(../../images/ui/sprites/partners-sprite-cw.png) 0 0 no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s;
}
footer.main-footer div.partner a:hover {
  opacity: 1;
}
footer.main-footer div.microsoft a  { width: 93px; background-position: 0 0; }
footer.main-footer div.sony a       { width: 77px; background-position: -93px 0; }
footer.main-footer div.qualcomm a   { width: 94px; background-position: -170px 0; }
footer.main-footer div.blackberry a { width: 115px; background-position: -264px 0; }
footer.main-footer div.samsung a    { width: 75px; background-position: -379px 0; }
footer.main-footer div.nintendo a   { width: 89px; background-position: -454px 0; }
footer.main-footer div.intel a      { width: 41px; background-position: -543px 0; }
footer.main-footer div.oculus a     { width: 91px; background-position: -584px 0; }
footer.main-footer div.facebook a   { width: 105px; background-position: -675px 0; }
footer.main-footer div.google a     { width: 77px; height: 30px; background-position: -781px 0; }
footer.main-footer div.vuforia a    { width: 97px; height: 30px; background-position: -858px 0; }
footer.main-footer div.xiaomi a    	{ width: 24px; background-position: -958px 0; }
footer.main-footer div.moolah a   	{ width: 58px; background-position: -981px 0; }
footer.main-footer div.otoy a    		{ width: 18px; height: 30px; background-position: -1039px 0; }
footer.main-footer div.magicleap a  { width: 70px; height: 30px; background-position: -1056px 0; }

/* Legal stuff */
footer.main-footer div.wrapper small {
  float: left; margin: 0; color: #9e9e9e; font-size: 1em; line-height: 35px;
}
footer.main-footer div.wrapper small.copyright-line {
  font-size: 0.8em; line-height: 22px;
}
footer.main-footer div.wrapper ul.legal {
  list-style-type: none; float: left; margin: 0;
}
footer.main-footer div.wrapper ul.legal li {
  float: left; margin: 0 0 0 15px; font-size: 1em; padding: 0; line-height: 35px;
}
footer.main-footer div.wrapper ul.legal li:before {
  display: none;
}

/* Social */
footer.main-footer div.social {
  float: right;
}
footer.main-footer div.social a.icon {
  width: 35px; height: 35px; float: left; margin: 0 0 0 10px; display: block; text-indent: -9999em; opacity: 0.3; background: url(../../images/ui/sprites/core-sprite-wh.png) 0 0 no-repeat; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; transition: opacity .2s;
}
footer.main-footer div.social a.icon:hover {
  opacity: 1;
}
footer.main-footer div.social a.facebook {
  background-position: 0 -77px;
}
footer.main-footer div.social a.twitter {
  background-position: -35px -77px;
}
footer.main-footer div.social a.googleplus {
  background-position: -70px -77px;
}
footer.main-footer div.social a.instagram {
  background-position: -72px -77px;
}
footer.main-footer div.social a.linkedin {
  background-position: -105px -77px;
}
footer.main-footer div.social a.youtube {
  background-position: -140px -77px;
}

/* Newsletter */
footer.main-footer div.newsletter input.btn {
  position: absolute; top: 0; right: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;
}
footer.main-footer div.newsletter label {
  font-size: 1em;
}
footer.main-footer div.newsletter div.loading {
  margin: 15px 0 0 0; height: 18px;
}
footer.main-footer div.checkbox label {
  color: #9e9e9e;
  font-weight: 400;
}

/* Language selector */
footer.main-footer div.lang ul {
  margin: 0;
}
footer.main-footer div.lang ul li {
  width: 25%; float: left; margin: 0; font-size: 1em; padding: 0; line-height: 1.5em;
}
footer.main-footer div.lang ul li:before, footer.main-footer div.lang ul li.current {
  display: none;
}
footer.main-footer div.lang ul li a {
  color: #9e9e9e;
}

/**************************************************
  #### COOKIE DIALOG
**************************************************/

.cookies-dialog {
  width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1002; background: #002835;
}
.cookies-dialog .wrap {
  max-width: 1080px; width: 100%; margin: 0 auto; padding: 20px; text-align: left;
}
.cookies-dialog .wrap p {
  color: #fff;
}
.cookies-dialog .wrap .btn {
  float: right;
}

/****************************************
  ==== 5. ERROR PAGES
****************************************/

div.error-code {
  padding: 75px; color: #fff; font-size: 7em; font-weight: 700; text-align: center; display: inline-block; background: rgb(233,30,99); background: -moz-linear-gradient(45deg, rgba(233,30,99,1) 0%, rgba(255,152,0,1) 100%); background: -webkit-linear-gradient(45deg, rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%); background: linear-gradient(45deg, rgba(233,30,99,1) 0%,rgba(255,152,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e91e63', endColorstr='#ff9800',GradientType=1 );
}

/****************************************
  ==== 6. BREAKPOINT < 1280px
****************************************/

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

.dashboard header.main-header {
  padding: 0 30px;
}
.has-sidebar div.content-wrapper, .has-sidebar div#content-wrapper {
  padding: 30px 0;
}
div.sidebar-navigation {
  padding: 0 0 30px 0;
}
.has-sidebar footer.main-footer .gw {
  padding: 0;
}
footer.main-footer div.lang ul li {
  width: 33.33333334%;
}
footer.main-footer div.partners {
  width: 100%;
}

}

/****************************************
  ==== 6. BREAKPOINT < 1080px
****************************************/

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

div.main-navigation ul li {
  padding: 0 20px 0 0;
}

}

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

@media only screen and (min-width: 150px) and (max-width: 1023px){
/* Core layout */
section.main-wrapper, .has-submenu section.main-wrapper {
  padding: 0;
}

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

/* Main header */
header.main-header, .has-submenu header.main-header {
  height: 60px; padding: 0 30px; background: #000000;
}
.dashboard header.main-header {
  padding: 0 17px 0 30px;
}
header.main-header a.unity-logo {
  top: 15px; left: 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, nav.sub-nav {
  display: none;
}
div.header-panel, .has-submenu div.header-panel {
  top: 60px;
}
nav.tertiary-nav div.wrap {
  padding: 0 30px;
}

/* Mobile header */
header.main-header div.main-tools {
  right: 0;
}
header.main-header a.user-icon {
  padding: 13px 0;
}
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 13px 13px 0;
}
header.main-header a.tool-menu div.icon {
  width: 20px; height: 2px; position: absolute; top: 16px; left: 7px; margin: 0; background: #fff; -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: #fff; -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: #002835;
}
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;
}
div.mobile-navigation div.lang ul li {
  width: 33.33333334%; float: left; margin: 0 0 10px 0;
}

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

footer.main-footer div.links, footer.main-footer .g4.group {
  width: 100%;
}
footer.main-footer div.newsletter, footer.main-footer div.lang {
  width: 50%;
}



}

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

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

/* Core layout */
.dashboard header.main-header, header.main-header, .has-submenu header.main-header {
  padding: 0 15px;
}
div.content-wrapper {
  padding: 10px 5px;
}
div#content-wrapper {
  padding: 10px 5px 50px 5px;
}
.has-sidebar div.content-wrapper, .has-sidebar div#content-wrapper {
  padding: 10px 5px;
}
nav.tertiary-nav div.wrap {
  padding: 0 20px;
}

/* Main header */
div.header-panel {
  width: 75%;
}
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 div.icon {
  margin: 0 0 10px 0;
}

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

/* Footer */
footer.main-footer {
  position: absolute;
}
footer.main-footer div.logo a.unity-logo {
  display: none;
}
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 div.wrapper small, footer.main-footer div.wrapper ul, footer.main-footer div.wrapper ul.legal, footer.main-footer div.wrapper ul li, footer.main-footer div.social, footer.main-footer div.social a.icon {
  float: none !important; display: inline-block; vertical-align: top;
}
footer.main-footer div.wrapper ul li, footer.main-footer div.wrapper ul.legal li, footer.main-footer div.wrapper small {
  margin: 0 10px 0 0; line-height: 22px;
}
footer.main-footer div.links {
  text-align: left;
}
footer.main-footer div.social {
  margin: 10px 0 0 0; text-align: center;
}
footer.main-footer div.social a.icon {
  margin: 0 3px;
}
footer.main-footer div.partners {
  display: none;
}
footer.main-footer div.newsletter, footer.main-footer div.lang, footer.main-footer div.lang ul {
  width: 100%; text-align: left;
}
footer.main-footer div.lang {
  padding-bottom: 20px !important;
}
footer.main-footer div.lang ul li {
  width: 25%; margin: 0; float: left;
}

.m-clear:after {
  width: 100%; visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;
}
.m-clear {
  width: 100%; display: inline-table; clear: both;
}


}

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

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

/* Core layout */
.dashboard header.main-header, header.main-header {
  padding: 0 0 0 10px;
}
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.app-name, header.main-header a.app-name:hover {
  line-height: 30px;
}
nav.tertiary-nav div.wrap {
  padding: 0 10px;
}

/* 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.user-icon {
  margin: 0;
}
div.mobile-navigation div.lang ul li {
  width: 50%;
}

/* 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%;
}
div.footer-language .g5 {
  display: none;
}
footer.main-footer div.links .g3 {
  width: 100%;
}
footer.main-footer div.lang ul li {
  width: 50%; margin: 0; float: left !important;
}

}

/****************************************
  ==== 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 a.tool div.icon, footer.main-footer a.to-top:before, footer.main-footer div.social a.icon {
  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;
}
footer.main-footer div.partner a {
  background-image: url(../../images/ui/sprites/partners-sprite-cw@2x.png); -webkit-background-size: 1200px 38px; -moz-background-size: 1200px 38px; -o-background-size: 1200px 38px; background-size: 1200px 38px;
}
header.main-header a.tool-search div.icon {
  background-position: -295px 0;
}

}