/**********
   start of: HEROES*
**********/
.style-heroes {
   background: #e6e4e2;
}
.style-heroes .main-menu-item:hover {
   background: #ffc777;
}
.style-heroes ::selection {
   background: #F69100;
   color: #000;
}
.style-heroes ::-moz-selection {
   background: #F69100;
   color: #000;
}
.style-heroes .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-heroes .ui-icon {
   color: #fff;
}
.style-heroes h1,
.style-heroes h2,
.style-heroes h3,
.style-heroes h4,
.style-heroes h5,
.style-heroes p,
.style-heroes figcaption {
   color: #262422;
}
.style-heroes figcaption {
   text-align: center;
}
.style-heroes h2 {
   text-align: center;
}

.style-heroes .logo-section-logo-bg {
   background: #F69100 url("img/heroes/heroes-cover.jpg") no-repeat center center;
   background-size: 200%;
}
@media all and (min-width: 900px) {
}
.style-heroes .link {
   cursor: pointer;
   color: #464442;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-heroes .link:hover {
   color: #F69100;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.style-heroes .project-control {
   color: #fff;
}
.heroes-cover {
   background: #F94B00 url("img/heroes/heroes-cover.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .heroes-cover {
   background: #F94B00 url("img/heroes/heroes-cover-big.jpg") no-repeat center center;
   background-size: cover;
   }
}
.heroes-cover .project-info-name,
.heroes-cover .project-info-name:after,
.heroes-cover .project-info-type {
   color: #fff;
}
.style-heroes .break {
   background: #F69100;
}
.style-heroes .break h2,
.style-heroes .break .ui-icon {
   color: #fff;
}
.style-heroes .main-menu-sneak .ui-icon {
   color: #BD1F00;
}

/**********
   end of: HEROES*
**********/
/**********
   start of: NOTE IN
**********/
.style-note-in {
   background: #132E3F;
}
.style-note-in .main-menu-item:hover {
   background: #e8f8ff;
}
.style-note-in ::selection {
   background: #000;
   color: #38BCF5;
}
.style-note-in ::-moz-selection {
   background: #000;
   color: #38BCF5;
}
.style-note-in .ui-icon:after {
   border: 20px solid #38BCF5;
}
.style-note-in h1,
.style-note-in h2,
.style-note-in h3,
.style-note-in h4,
.style-note-in h5,
.style-note-in p,
.style-note-in figcaption {
   color: #fff;
}
.style-note-in .logo-section-logo-bg {
   background: #00576B url("img/note-in/note-in-cover.jpg") center center;
}
.style-note-in .link {
   cursor: pointer;
   color: #38BCF5;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-note-in .link:hover {
   color: #fff;
   background: #000;
   background: rgba(0,0,0,.85);
   box-shadow: 0 0 0 12px rgba(0,0,0,.85);
}
.note-in-cover {
   background: #00576B url('img/note-in/note-in-cover.jpg') center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .note-in-cover {
   background: #00576B url('img/note-in/note-in-cover-big.jpg') center center;
   background-size: cover;
}
}
.note-in-cover .project-info-name,
.note-in-cover .project-info-name:after,
.note-in-cover .project-info-type {
   color: #fff;
}
.style-note-in .break {
   background: #000;
}
.style-note-in .break h2,
.style-note-in .break .ui-icon {
   color: #1b76dc;
}
.style-note-in .main-menu-sneak .ui-icon {
   color: #132E3F;
}

/**********
   end of: NOTE IN
**********/
/**********
   start of: BLUE CHIPS
**********/
.style-blue-chips {
   background: #052F57;
}
.style-blue-chips .main-menu-item:hover {
   background: #c2dff1;
}
.style-blue-chips ::selection {
  background: #456CB1;
  color: #fff;
}
.style-blue-chips ::-moz-selection {
  background: #456CB1;
  color: #fff;
}
.style-blue-chips h1,
.style-blue-chips h2,
.style-blue-chips h3,
.style-blue-chips h4,
.style-blue-chips h5,
.style-blue-chips p,
.style-blue-chips figcaption {
   color: #fff;
}
.style-blue-chips .logo-section-logo-bg {
   background: #4C69A4 url("img/blue-chips/blue-chips-bg.jpg") center center;
   background-size: cover;
}
.style-blue-chips .link {
   cursor: pointer;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-blue-chips .link:hover {
   color: #0B93E6;
   background: #000;
   background: rgba(0,0,0,.85);
   box-shadow: 0 0 0 12px rgba(0,0,0,.85);
}
.blue-chips-cover {
   background: #4C69A4 url('img/blue-chips/blue-chips-bg.jpg') center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .blue-chips-cover {
   background: #4C69A4 url('img/blue-chips/blue-chips-bg-big.jpg') center center;
   background-size: cover;
   }
}
.blue-chips-cover .project-info-name,
.blue-chips-cover .project-info-name:after,
.blue-chips-cover .project-info-type {
   color: #fff;
}
.style-blue-chips .break {
   background: #0B93E6;
}
.style-blue-chips .break h2,
.style-blue-chips .break .ui-icon {
   color: #fff;
}
.style-blue-chips .main-menu-sneak .ui-icon {
   color: #456CB1;
}
/**********
   end of: BLUE CHIPS
**********/
/**********
   start of: THE ENGAGEMENT NEON
**********/
.style-engagement-neon {
   background: #000;
}
.style-engagement-neon .main-menu-item:hover {
   background: #ffd6fc;
}
.style-engagement-neon .ui-icon:after {
   border: 20px solid #EB08DB;
}
.style-engagement-neon ::selection {
  background: #EB08DB;
  color: #fff;
}
.style-engagement-neon ::-moz-selection {
  background: #EB08DB;
  color: #fff;
}
.style-engagement-neon h1,
.style-engagement-neon h2,
.style-engagement-neon h3,
.style-engagement-neon h4,
.style-engagement-neon h5,
.style-engagement-neon p,
.style-engagement-neon figcaption {
   color: #fff;
}
.style-engagement-neon .logo-section-logo-bg {
   background-image: url("img/engagement-neon/engagement-neon-06.jpg");
   background-size: 600%;
   background-position: center center;
}
.style-engagement-neon .link {
   cursor: pointer;
   color: #fff;
   text-shadow: 0 1px 0 #EB08DB;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-engagement-neon .link:hover {
   color: #EB08DB;
   text-shadow: none;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.engagement-neon-cover {
   background: #000 url('img/engagement-neon/engagement-neon-bg.jpg') center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .engagement-neon-cover {
   background: #000 url('img/engagement-neon/engagement-neon-bg-big.png') center center;
   background-size: cover;
   }
}
.engagement-neon-cover .project-info-name,
.engagement-neon-cover .project-info-name:after,
.engagement-neon-cover .project-info-type {
   color: #fff;
}
.style-engagement-neon .break {
   background: #EB08DB;
}
.style-engagement-neon .break h2,
.style-engagement-neon .break .ui-icon {
   color: #fff;
}
.style-engagement-neon .main-menu-sneak .ui-icon {
   color: #56042e;
}

/**********
   end of: THE ENGAGEMENT NEON
**********/
/**********
   start of: ASTOR
**********/
.style-astor {
   background: #eee;
}
.style-astor .main-menu-item:hover {
   background: #eee;
}
.style-astor .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-astor .main-menu-overlay-close .ui-icon:after {
   border: 20px solid #fff;
}
.style-astor .ui-icon {
   color: #60c985;
   text-shadow: none;
}
.style-astor .ui-icon:after {
   border: 20px solid #60c985;
}
.style-astor h1,
.style-astor h2,
.style-astor h3,
.style-astor h4,
.style-astor h5,
.style-astor p,
.style-astor figcaption {
   color: #262422;
}
.style-astor .logo-section-logo-bg {
   background: #1B9D47 url("img/astor/astor-bg.jpg") no-repeat center center;
   background-size: cover;
}
.style-astor .link {
   cursor: pointer;
   color: #1B9D47;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-astor .link:hover {
   color: #fff;
   background: #49AF6D;
   box-shadow: 0 0 0 12px #49AF6D;
}
.astor-cover {
   background: #276A3C url("img/astor/astor-bg.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .astor-cover {
   background: #276A3C url("img/astor/astor-bg-big.jpg") no-repeat center center;
   background-size: cover;
   }
}
.astor-cover .project-info-name,
.astor-cover .project-info-name:after,
.astor-cover .project-info-type {
   color: #fff;
}
.astor-cover .link {
   color: #60c985;
}
.style-astor .break {
   background: #163D21;
}
.style-astor .break h2,
.style-astor .break .ui-icon{
   color: #fff;
}

.style-astor .main-menu-sneak .ui-icon {
   color: #163D21;
}
/**********
   end of: ASTOR
**********/
/**********
   start of: ALCHEMIA
**********/
.style-alchemia {
   background: #372012;
}
.style-alchemia .main-menu-item:hover {
   background: #ffe18d;
}
.style-alchemia ::selection {
  background: #EAB726;
  color: #000;
}
.style-alchemia ::-moz-selection {
  background: #EAB726;
  color: #000;
}
.style-alchemia .ui-icon:after {
   border: 20px solid #ff5;
}
.style-alchemia h1,
.style-alchemia h2,
.style-alchemia h3,
.style-alchemia h4,
.style-alchemia h5,
.style-alchemia p,
.style-alchemia figcaption {
   color: #fff;
}
.style-alchemia .logo-section-logo-bg {
   background: #EF9B1B url("img/alchemia/logo-bg.jpg") center center;
}
.style-alchemia .link {
   cursor: pointer;
   color: #EAB726;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-alchemia .link:hover {
   color: #EAB726;
   background: #000;
   background: rgba(0,0,0,.85);
   box-shadow: 0 0 0 12px rgba(0,0,0,.85);
}
.alchemia-cover {
   background: #EF9B1B url('img/alchemia/alchemia-bg.jpg') center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .alchemia-cover {
   background: #EF9B1B url('img/alchemia/alchemia-bg-big.jpg') center center;
   background-size: cover;
   }
}
.alchemia-cover .project-info-name,
.alchemia-cover .project-info-name:after,
.alchemia-cover .link,
.alchemia-cover .project-info-type {
   color: #fff;
}
.style-alchemia .break {
   background: #EF9B1B url('img/alchemia/alchemia-bg.jpg') center center;
   background-size: cover;
}
.style-alchemia .break h2,
.style-alchemia .break .ui-icon {
   color: #000;
}
.style-alchemia .main-menu-sneak .ui-icon {
   color: #372012;
}
/**********
   end of: ALCHEMIA
**********/
/**********
   start of: STAR TREK
**********/
.style-star-trek {
   background: #464442 url("img/star-trek/star-trek-project-bg.jpg") no-repeat center center;
   background-size: cover;
}
.style-star-trek .main-menu-item:hover {
   background: #464442 url("img/star-trek/star-trek-project-bg.jpg") no-repeat center center;
   background-size: cover;
   color: #fff;
   text-shadow: 0 -1px 0 #f00, 1px 1px 0 #00f, -1px 1px 0 #0f0;
}
.style-star-trek .main-menu-item:hover .main-menu-item-rarr,
.style-star-trek .main-menu-item:focus .main-menu-item-rarr,
.style-star-trek .main-menu-item:active .main-menu-item-rarr {
	color: #fff;
   text-shadow: 0 -1px 0 #f00, 1px 1px 0 #00f, -1px 1px 0 #0f0;
}
.style-star-trek ::selection {
   background: #fff;
   color: #000;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek ::-moz-selection {
   background: #fff;
   color: #000;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek .main-menu-overlay-close .ui-icon {
   color: #fff;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek .ui-icon {
   color: #fff;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek h1,
.style-star-trek h2,
.style-star-trek h3,
.style-star-trek h4,
.style-star-trek h5,
.style-star-trek p,
.style-star-trek figcaption {
   color: #fff;
}
.style-star-trek .logo-section-logo-bg {
   background: #262422 url("img/star-trek/star-trek-bg.png") no-repeat center center;
}
.style-star-trek .link {
   cursor: pointer;
   color: #fff;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek .link:hover {
   color: #000;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
   text-shadow: none;
}
.star-trek-cover {
   background: #b6b4b2 url("img/star-trek/star-trek-bg.png") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .star-trek-cover {
   background: #b6b4b2 url("img/star-trek/star-trek-bg-big.png") no-repeat center center;
   background-size: cover;
   }
}
.star-trek-cover .project-info-name,
.star-trek-cover .project-info-name:after,
.star-trek-cover .project-info-type {
   color: #fff;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek .break {
   background: #000;
}
.style-star-trek .break h2,
.style-star-trek .break .ui-icon {
   color: #fff;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0;
}
.style-star-trek .main-menu-sneak .ui-icon {
   color: #000;
   text-shadow: 0 -1px 0 #f00,
               1px 1px 0 #00f,
               -1px 1px 0 #0f0 !important;
}


/**********
   end of: STAR TREK
**********/
/**********
   start of: SHARED SERVICES
**********/
.style-shared-services {
   background: #e6e4e2;
}
.style-shared-services .main-menu-item:hover {
   background: #e6e4e2;
}
.style-shared-services ::selection {
  background: #262422;
  color: #fff;
}
.style-shared-services ::-moz-selection {
  background: #262422;
  color: #fff;
}
.style-shared-services .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-shared-services .ui-icon {
   color: #FFF;
}
.style-shared-services h1,
.style-shared-services h2,
.style-shared-services h3,
.style-shared-services h4,
.style-shared-services h5,
.style-shared-services p,
.style-shared-services figcaption {
   color: #262422;
}
.style-shared-services .logo-section-logo-bg {
   background: #999 url("img/shared-services/shared-services-bg.jpg") no-repeat center center;
   background-size: 200%;
   background-position:center center;
}
.style-shared-services .link {
   cursor: pointer;
   color: #40BBE0;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-shared-services .link:hover {
   color: #40BBE0;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.shared-services-cover {
   background: #666462 url("img/shared-services/shared-services-bg.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .shared-services-cover {
   background: #666462 url("img/shared-services/shared-services-bg-big.jpg") no-repeat center center;
   background-size: cover;
   }
}
.shared-services-cover .project-info-name,
.shared-services-cover .project-info-name:after,
.shared-services-cover .link,
.shared-services-cover .project-info-type {
   color: #fff;
}
.style-shared-services .break {
   background: #A3C62F;
}
.style-shared-services .break h2,
.style-shared-services .break .ui-icon {
   color: #fff;
}
.style-shared-services .main-menu-sneak .ui-icon {
   color: #464442;
}

/**********
   end of: SHARED SERVICES
**********/
/**********
   start of: RESPONSIVE INSPECTOR
**********/
.style-responsive-inspector {
   background: #262422;
}
.style-responsive-inspector .main-menu-item:hover {
   background: #ffd3dc;
}
.style-responsive-inspector ::selection {
  background: #14C107;
  color: #fff;
}
.style-responsive-inspector ::-moz-selection {
  background: #14C107;
  color: #fff;
}
.style-responsive-inspector h1,
.style-responsive-inspector h2,
.style-responsive-inspector h4,
.style-responsive-inspector h5,
.style-responsive-inspector p,
.style-responsive-inspector figcaption {
   color: #fff;
}
.style-responsive-inspector h3 {
   color: #6FD603;
}
.style-responsive-inspector .logo-section-logo-bg {
   background-image: url("img/responsive-inspector/responsive-inspector-cover.jpg");
   background-size: 400%;
   background-position: center center;
}
.style-responsive-inspector .link {
   color: #6FD603;
   cursor: pointer;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-responsive-inspector .link:hover {
   color: #14C107;
   background: #fff;
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.style-responsive-inspector .download-button {
   background: #CD0028;
   border-bottom: 3px solid #a00622;
}
.style-responsive-inspector .download-button:hover,
.style-responsive-inspector .download-button:focus {
   background: #E40044;
}
.style-responsive-inspector .download-button:active {
   background: #E40044;
   border-bottom: 1px solid #a00622;
   margin: 2px 0 5px;
}
.responsive-inspector-cover {
   background: #222 url('img/responsive-inspector/responsive-inspector-cover.jpg') center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .responsive-inspector-cover {
   background: #222 url('img/responsive-inspector/responsive-inspector-cover-big.jpg') center center;
   background-size: cover;
   }
}
.responsive-inspector-cover .project-info-name,
.responsive-inspector-cover .project-info-name:after,
.responsive-inspector-cover .link,
.responsive-inspector-cover .project-info-type {
   color: #fff;
}
.style-responsive-inspector .break {
   background: #A3000E;
}
.style-responsive-inspector .break h2,
.style-responsive-inspector .break .ui-icon {
   color: #fff;
}
.style-responsive-inspector .main-menu-sneak .ui-icon {
   color: #262422;
}

/**********
   end of: RESPONSIVE INSPECTOR
**********/
/**********
   start of: AGS INSIGHT
**********/
.style-ags-insight {
   background: #e2e4e6;
}
.style-ags-insight .main-menu-item:hover {
   background: #e2e4e6;
}
.style-ags-insight ::selection {
  background: #01AEF0;
  color: #fff;
}
.style-ags-insight ::-moz-selection {
  background: #01AEF0;
  color: #fff;
}
.style-ags-insight .ui-icon:after {
   border: 20px solid #01AEF0;
}
.style-ags-insight h1,
.style-ags-insight h2,
.style-ags-insight h3,
.style-ags-insight h4,
.style-ags-insight h5,
.style-ags-insight p,
.style-ags-insight figcaption {
  color: #262422;
}
.style-ags-insight h3 {
  color: #2C9ADD;
}
.style-ags-insight .logo-section-logo-bg {
  background: #d2d4d6 url("img/ags-insight/ags-insight-cover.jpg") center center;
  background-size: 200%;
}
.style-ags-insight .link {
  cursor: pointer;
  background: transparent;
  background: rgba(255,255,255,.0);
  box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-ags-insight .link:hover {
  color: #01AEF0;
  background: #fff;
  box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.ags-insight-cover {
  background: #d2d4d6 url('img/ags-insight/ags-insight-cover.jpg') center center;
  background-size: cover;
}
@media all and (min-width: 900px) {
  .ags-insight-cover {
  background: #d2d4d6 url('img/ags-insight/ags-insight-cover-big.jpg') center center;
  background-size: cover;
  }
}
.ags-insight-cover .project-info-name,
.ags-insight-cover .project-info-name:after,
.ags-insight-cover .link,
.ags-insight-cover .project-info-type {
  color: #262422;
}
.style-ags-insight .break {
  background: #01AEF0 url('img/ags-insight/shutterstock_98064413.jpg') center center;
  background-size: cover;
}
.style-ags-insight .break h2,
.style-ags-insight .break .ui-icon {
  color: #fff;
}
.style-ags-insight .main-menu-sneak .ui-icon {
  color: #C2C2C2;
}
/**********
   end of: AGS INSIGHT
**********/
/**********
   start of: DEMO HUB
**********/
.style-demo-hub {
   background: #F3F2EE;
}
.style-demo-hub .main-menu-item:hover {
   background: #F3F2EE;
}
.style-demo-hub ::selection {
  background: #E00001;
  color: #fff;
}
.style-demo-hub ::-moz-selection {
  background: #E00001;
  color: #fff;
}
.style-demo-hub .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-demo-hub .ui-icon {
   color: #fff;
}
.style-demo-hub .ui-icon:after {
   border: 20px solid #f00;
}
.style-demo-hub h1,
.style-demo-hub h2,
.style-demo-hub h3,
.style-demo-hub h4,
.style-demo-hub h5,
.style-demo-hub p,
.style-demo-hub figcaption {
   color: #262422;
}
.style-demo-hub h3 {
   color: #E00001;
}
.style-demo-hub .logo-section-logo-bg {
   background: #E00001 url("img/demo-hub/demo-hub-cover.png") no-repeat center center;
}
.style-demo-hub .link {
   cursor: pointer;
   color: #E00001;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-demo-hub .link:hover {
   color: #E00001;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.demo-hub-cover {
   background: #E00001 url("img/demo-hub/demo-hub-cover.png") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .demo-hub-cover {
   background: #E00001 url("img/demo-hub/demo-hub-cover-big.png") no-repeat center center;
   background-size: cover;
   }
}
.demo-hub-cover .project-info-name,
.demo-hub-cover .project-info-name:after,
.demo-hub-cover .link,
.demo-hub-cover .project-info-type {
   color: #fff;
}
.style-demo-hub .break {
   background: #E00001 url("img/demo-hub/demo-hub-cover.png") no-repeat center center;
}
.style-demo-hub .break h2,
.style-demo-hub .break .ui-icon {
   color: #fff;
}
.style-demo-hub .main-menu-sneak .ui-icon {
   color: #5a0000;
}
/**********
   end of: DEMO HUB
**********/
/**********
   start of: JULY TYPEFACE
**********/
.style-july-typeface {
   background: #FBF3DE url("img/july-typeface/july-bg-tile-light.jpg") repeat center center;
}
.style-july-typeface .main-menu-item:hover {
   background: #FBF3DE url("img/july-typeface/july-bg-tile-light.jpg") repeat center center;
}
.style-july-typeface .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-july-typeface .main-menu-overlay-close .ui-icon:after {
   border: 20px solid #FFF;
}
.style-july-typeface .ui-icon {
   color: #161412;
   text-shadow: none;
}
.style-july-typeface .ui-icon:after {
   border: 20px solid #141208;
}
.style-july-typeface h1,
.style-july-typeface h2,
.style-july-typeface h3,
.style-july-typeface h4,
.style-july-typeface h5,
.style-july-typeface p,
.style-july-typeface figcaption {
   color: #141208;
}
.style-july-typeface .logo-section-logo-bg {
   background: #F4D38E url("img/july-typeface/july-bg-tile.jpg") no-repeat center center;
}
.style-july-typeface .link {
   cursor: pointer;
   color: #685534;
   background: transparent;
   background: rgba(20,18,8,.0);
   box-shadow: 0 0 0 0 rgba(20,18,8,.0);
}
.style-july-typeface .link:hover {
   color: #fff;
   background: #000;
   background: rgba(20,18,8,1);
   box-shadow: 0 0 0 12px rgba(20,18,8,1);
}
.july-typeface-cover {
   background: #F4D38E url("img/july-typeface/july-bg-tile.jpg") repeat center center;
}
.july-typeface-cover .project-info-name,
.july-typeface-cover .project-info-name:after,
.july-typeface-cover .project-info-type {
   color: #000;
}
.style-july-typeface .break {
   background: #f00;
}
.style-july-typeface .break h2,
.style-july-typeface .break .ui-icon {
   color: #fff;
}
.style-responsive-inspector .main-menu-sneak .ui-icon {
   color: #141208;
}

/**********
   end of: JULY TYPEFACE
**********/
/**********
   start of: URSS-AWF
**********/
.style-urss-awf {
   background: #d2d8d2;
}
.style-urss-awf .main-menu-item:hover {
	background: #d2d8d2;
}
.style-urss-awf ::selection {
  background: #62BB47;
  color: #fff;
}
.style-urss-awf ::-moz-selection {
  background: #62BB47;
  color: #fff;
}
.style-urss-awf .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-urss-awf .ui-icon {
   color: #fff;
}
.style-urss-awf h1,
.style-urss-awf h2,
.style-urss-awf h3,
.style-urss-awf h4,
.style-urss-awf h5,
.style-urss-awf p,
.style-urss-awf figcaption {
   color: #262422;
}
.style-urss-awf .logo-section-logo-bg {
   background: #62BB47 url("img/urss-awf/urss-awf-cover.jpg") no-repeat center center;
   background-size: cover;
}
.style-urss-awf .link {
   cursor: pointer;
   color: #62BB47;
   background: transparent;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-urss-awf .link:hover {
   color: #014916;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.urss-awf-cover {
   background: #014916 url("img/urss-awf/urss-awf-cover.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .urss-awf-cover {
   background: #014916 url("img/urss-awf/urss-awf-cover-big.jpg") no-repeat center center;
   background-size: cover;
   }
}
.urss-awf-cover .project-info-name,
.urss-awf-cover .project-info-name:after,
.urss-awf-cover .project-info-type {
   color: #fff;
}
.style-urss-awf .break {
   background: #014916;
}
.style-urss-awf .break h2,
.style-urss-awf .break .ui-icon {
   color: #62BB47;
}
.style-urss-awf .main-menu-sneak .ui-icon {
   color: #014916;
}
/**********
   end of: URSS-AWF
**********/
/**********
   start of: ZORZA POLARNA
**********/
.style-zorza-polarna {
   background: #F5EFE1;
}
.style-zorza-polarna .main-menu-item:hover {
	background: #F5EFE1;
}
.style-zorza-polarna .main-menu-overlay-close .ui-icon {
   color: #fff;
   background: none;
}
.style-zorza-polarna .main-menu-overlay-close .ui-icon:after {
   border: 20px solid #fff;
}
.style-zorza-polarna .ui-icon {
   color: #324a5e;
   background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 10%, rgba(255,255,255,0) 90%);
   background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(10%,rgba(255,255,255,.8)), color-stop(90%,rgba(255,255,255,0)));
   background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 90%);
   background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 90%);
   background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 90%);
   background: radial-gradient(ellipse at center, rgba(255,255,255,.8) 10%,rgba(255,255,255,0) 90%);
   border-radius: 50%;
}
.style-zorza-polarna .ui-icon:after {
   border: 20px solid #324a5e;
}
.style-zorza-polarna h1,
.style-zorza-polarna h2,
.style-zorza-polarna h3,
.style-zorza-polarna h4,
.style-zorza-polarna h5,
.style-zorza-polarna p,
.style-zorza-polarna figcaption {
   color: #262422;
}
.style-zorza-polarna .logo-section-logo-bg {
   background: #D5D9E1 url("img/zorza-polarna/zorza-polarna-logo-bg.jpg") no-repeat center center;
   background-size: cover;
}
.style-zorza-polarna .link {
   cursor: pointer;
   color: #464442;
   background: rgba(255,255,255,.0);
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
}
.style-zorza-polarna .link:hover {
   color: #39769B;
   background: #fff;
   background: rgba(255,255,255,1);
   box-shadow: 0 0 0 12px rgba(255,255,255,1);
}
.zorza-polarna-cover {
   background: #D5D9E1 url("img/zorza-polarna/zorza-polarna-cover.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .zorza-polarna-cover {
   background: #D5D9E1 url("img/zorza-polarna/zorza-polarna-cover-big.jpg") no-repeat center center;
   background-size: cover;
   }
}
.zorza-polarna-cover .project-info-name,
.zorza-polarna-cover .project-info-name:after,
.zorza-polarna-cover .link,
.zorza-polarna-cover .project-info-type {
   color: #000;
   text-shadow:0 1px 0 rgba(255,255,255,.4);
}
.style-zorza-polarna .break {
   background: #39769B;
}
.style-zorza-polarna .break h2,
.style-zorza-polarna .break .ui-icon {
   color: #fff;
   background: none;
}
.style-zorza-polarna .main-menu-sneak .ui-icon {
   color: #324a5e;
}

/**********
   end of: ZORZA POLARNA
**********/
/**********
   start of: MACRO
**********/
.style-macro {
   background: #0D010C;
}
.style-macro .main-menu-item:hover {
	background: #f8d8f5;
}
.style-macro ::selection {
   background: #fff;
   color: #000;
}
.style-macro ::-moz-selection {
   background: #fff;
   color: #000;
}
.style-macro .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-macro .ui-icon {
   color: #fff;
}
.style-macro h1,
.style-macro h2,
.style-macro h3,
.style-macro h4,
.style-macro h5,
.style-macro p,
.style-macro figcaption {
   color: #fff;
}
.style-macro .logo-section-logo-bg {
   background: #8848C7 url("img/macro/macro-bg.jpg") no-repeat center center;
}
.style-macro .link {
   cursor: pointer;
   color: #fff;
   background: transparent;
   box-shadow: 0 0 0 0 rgba(255,255,255,.0);
   text-shadow: 0 2px 9px rgba(0,0,0,0.6);
}
.style-macro .link:hover {
   color: #8848C7;
   background: #fff;
   box-shadow: 0 0 0 12px #fff;
   text-shadow: 0 0 0 rgba(0,0,0,0.06);
}
.macro-cover {
   background: #8848C7 url("img/macro/macro-bg.jpg") no-repeat center center;
   background-size: cover;
}
@media all and (min-width: 900px) {
   .macro-cover {
   background: #8848C7 url("img/macro/15.gif") no-repeat center center;
   background-size: cover;
   }
}
.macro-cover .project-info-name,
.macro-cover .project-info-name:after,
.macro-cover .project-info-type {
   color: #fff;
}
.style-macro .break {
   background: #000;
}
.style-macro .break h2,
.style-macro .break .ui-icon {
   color: #fff;
}
.style-macro .main-menu-sneak .ui-icon {
   color: #000;
}


/**********
   end of: MACRO
**********/



/**********
   start of: ABOUT ME & CONTACT
**********/
.style-contact {
   background: #262422;
}
.style-contact .main-menu-item:hover {
	background: #c4fff0;
}
.style-contact ::selection {
  background: #262422;
  color: #8effe4;
}
.style-contact ::-moz-selection {
  background: #262422;
  color: #8effe4;
}
.style-contact .main-menu-overlay-close .ui-icon {
   color: #fff;
}
.style-contact .main-menu-overlay-close .ui-icon:after {
   border: 20px solid #fff;
}
.style-contact .ui-icon {
   color: #8effe4 ;
   text-shadow: none;
}
.style-contact .ui-icon:after {
   border: 20px solid #c4fff0;
}
.style-contact h1,
.style-contact h2 {
   color: #8effe4;
}
.style-contact h3,
.style-contact h4,
.style-contact h5,
.style-contact p,
.style-contact figcaption {
   color: #fff;
}
.style-contact hr {
	border-color: #464442;
}
.style-contact .folio-ico.inline-icon {
	color: #c4fff0;
}
.style-contact .logo-section-logo-bg {
   background: #41e2bc; /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #8effe4 , #41e2bc); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #8effe4 , #41e2bc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.style-contact .link {
   color: #8effe4 ;
   border-color: #8effe4;
}
.style-contact .link:hover {
   color: #014916;
   background: #8effe4;
   box-shadow: 0 0 0 12px #8effe4;
}
.style-contact .contact-form-input {
	background: #161412;
	color: #fff;
}
.style-contact .invalid-input .label-active {
	color: #f00;
}
.style-contact .input-name:after,
.style-contact .input-email:after,
.style-contact .input-message:after {
}
.style-contact .input-name:hover:after,
.style-contact .input-email:hover:after,
.style-contact .input-message:hover:after {
	color: #8effe4;
}
.style-contact .invalid-input.input-email:hover:after{
	color: #f00;
}
.style-contact .contact-form-button,
.style-contact .download-button {
   background: #8effe4;
   color: #000;
}
.style-contact .contact-form-button:hover,
.style-contact .contact-form-button:focus,
.style-contact .contact-form-button:active,
.style-contact .download-button:hover,
.style-contact .download-button:focus,
.style-contact .download-button:active {
	background: #c4fff0;
}
.style-contact .company-logo:hover path,
.style-contact .company-logo:hover polygon {
	fill: #8effe4 !important;
}
.contact-cover {
   background: #161412 url('img/mug-01e.jpg') center center;
   background-size: cover;
}
.contact-cover .project-title {
   min-height: 50vh;
}
.contact-map {
   background: #8effe4 url('img/mug-02b.jpg') center center;
   background-size: cover;
}
.contact-cover .project-info-name,
.contact-cover .project-info-name:after,
.contact-cover .project-info-type {
   color: #8effe4;
}
.style-contact .break {
   background: #8effe4;
}
.style-contact .break h2,
.style-contact .break .ui-icon {
   color: #000;
}

/**********
   end of: ABOUT ME & CONTACT
**********/
/**********
   start of: CV
**********/
.style-cv {
   background: #f6f4f2;
}
.style-cv .print-only {
	display: none;
}
.style-cv .ui-icon {
   color: #464442;
   text-shadow: none;
}
.style-cv .ui-icon:after {
   border: 20px solid #464442;
}
.style-cv .cv-ui-icon {
	position:fixed;
	left: 5vw;
	top: 5vw;
}
.style-cv h1,
.style-cv h2,
.style-cv h3,
.style-cv h4,
.style-cv h5,
.style-cv h6,
.style-cv p {
   color: #262422;
}
.style-cv h1 {
	font-size: 3.3em;
   padding: 0 35px;
   margin: 0 0 5px 0;
}
.style-cv h2 {
   padding: 0 35px;
}
.style-cv h3 {
   font-size: 1.2em;
}
.style-cv h4 {
   font-size: 1.1em;
   font-weight: normal;
   margin-bottom: 0;
}
.style-cv h5 {
   margin-bottom: 0;
   letter-spacing: 2px;
   padding: 0 35px;
	color: #969492;
}
.style-cv h6 {
   margin-bottom: 0;
	color: #969492;
}
.style-cv p {
   font-size: 1em;
}
.style-cv .cv-page ul {
	list-style-type: none;
}

.style-cv .cv-page li {
	line-height: 1.1em;
	margin-bottom: 7px;
	padding: 0 35px 0 0;
}
.style-cv .cv-page li:before {
	content: "• ";
	color: #969492;
   margin: 0 9px 0 -23px;
}

.style-cv hr {
   width: 100%;
   margin: 20px 0 25px 0;
}
.style-cv .link {
	color: rgba(27,118,220,1);
	padding-bottom: 2px;
	border-bottom: 1px dotted rgba(27,118,220,0.6);
   outline: none;
   cursor: pointer;
   background: transparent;
   background: rgba(27,118,220,.0);
   box-shadow: 0 0 0 0 rgba(27,118,220,.0);
   
   transition: background 0.18s ease-out,
               box-shadow 0.18s ease-out,
               color 0.06s ease-out,
               transition 0.2s ease-out;
}
.style-cv .link:hover,
.style-cv .link:focus {
   color: #fff;
   border-color: transparent;
   background: #000;
   background: rgba(27,118,220,.85);
   box-shadow: 0 0 0 12px rgba(27,118,220,.85);
   
   -webkit-transition: background 0.12s ease-out,
               box-shadow 0.12s ease-out,
               color 0.72s ease-out,
               -webkit-transform 0.2s ease-out;
   transition: background 0.12s ease-out,
               box-shadow 0.12s ease-out,
               color 0.72s ease-out,
               -webkit-transition 0.2s ease-out;
}
.style-cv .cv-page {
   width: 90%;
   max-width: 800px;
   margin: 40px auto 50px;
   padding: 25px 0;
   background: #fff;
   box-shadow: 0 2px 5px rgba(0,0,0,.14);
}
.style-cv .cv-personal-detail {
   margin-bottom: -8px;
   padding: 0 35px;
   page-break-inside: avoid;
   break-inside: avoid;
}
.style-cv .cv-timed-item {
   margin-bottom: 25px;
   padding: 0 35px;
   page-break-inside: avoid;
   break-inside: avoid;
}
.style-cv .cv-list {
   padding: 0 35px;
   page-break-inside: avoid;
   break-inside: avoid;
}
.style-cv .cv-list-item {
   margin-bottom: 5px;
   padding: 5px 8px;
   background: #f6f4f2;
   display: inline-block;
   border-radius: 3px;
}
.style-cv .cv-list-item-year {
	margin-left: 11px;
	color: #969492;
	font-size: .7em;
	font-weight: 900;
}
.style-cv .cv-list-item-highlight {
	font-weight: 700;
}
@media screen and (min-width: 700px) {
   .style-cv .cv-personal-detail h6,
   .style-cv .cv-timed-item h6 {
   display: block;
	width: 20%;
	float: left;
	margin-top: 6px;
   }
   .style-cv .cv-timed-item h3 {
   display: block;
	width: 80%;
	float: left;
   }
   .style-cv .cv-timed-item p {
   padding: 0 0 20px 20%;
   }
}
/**********
   end of: CV
**********/