@import url(../css/plugins.css);
@import url(../css/components/sidebar.min.css);
@import url(../css/revolutionslider/settings.css);
@import url(../css/theme.css);
/* Etna Demo Styles */
/* Page Fonts */
@import "https://fonts.googleapis.com/css?family=Dosis:300,400,500,600";
@import "https://fonts.googleapis.com/css?family=Bad+Script";
/* COLORS
================================================== */
/* Colored */
/* Colored1 */
/* Colored2 */
/* Other Colors */
/* Soft Backgrounds */
/* Tooltip buttons on services */
/* Sliding hover effect color */
/* Home notes hover effects  */
/* Categories and sliding hover's first step color */
/* Navigation */
/* Footer bottom color */
/* ETNA VERSION MAIN STYLES
================================================== */
/* ETNA NAVIGATION */
/* Navigation Colors - hover and active */
/* Navigation styles - You can see navigation hover and active colors in the content/antares/css/style.css file. */
/* Mega menu and dropdown styles */
/* Mobile Navigation background and hover/active colors */
/* ETNA TITLES */
/* ETNA HOME */
/* ETNA TEAM */
/* Progress Bars */
/* Progress Texts */
/* Member Description Texts */
/* Member Description Styles and hover */
/* Member Socials */
/* Member Social Delays */
/* ETNA CATEGORIES */
/* ETNA WORKS */
/* filters */
/* Edit gray8 colors on ajax pages */
.dosis {
  font-family: "Dosis", sans-serif !important; }

.badscript {
  font-family: "Bad Script", cursive !important; }

body {
  font-family: "Dosis", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: #333; }
  body * {
    outline: none; }

.colored {
  color: #2e7b8e !important; }

.colored-hover:hover {
  color: #2e7b8e !important; }

.bg-colored {
  background-color: #266676 !important; }

.bg-colored-hover:hover {
  background-color: #266676 !important; }

.border-colored {
  border-color: #266676 !important; }

.border-colored-hover:hover {
  border-color: #266676 !important; }

.colored1 {
  color: #aac9c3 !important; }

.colored1-hover:hover {
  color: #aac9c3 !important; }

.bg-colored1 {
  background-color: #a4a8b2 !important; }

.bg-colored1-hover:hover {
  background-color: #a4a8b2 !important; }

.border-colored1 {
  border-color: #a4a8b2 !important; }

.border-colored1-hover:hover {
  border-color: #a4a8b2 !important; }

.colored2 {
  color: #f5a46c !important; }

.colored2-hover:hover {
  color: #f5a46c !important; }

.bg-colored2 {
  background-color: #eae3dc !important; }

.bg-colored2-hover:hover {
  background-color: #eae3dc !important; }

.border-colored2 {
  border-color: #eae3dc !important; }

.border-colored2-hover:hover {
  border-color: #eae3dc !important; }

::selection {
  background-color: #266676; }

div#sidebar {
  background-color: #2b2c31; }

.bg-soft-colored:before {
  background-color: rgba(38, 102, 118, 0.9); }

.bg-soft-colored1:before {
  background-color: rgba(46, 123, 142, 0.9); }

.bg-soft-colored2:before {
  background-color: rgba(36, 37, 42, 0.8); }

.qdr-hover:before {
  background-color: #266676; }

.qdr-hover:after {
  background-color: #4c5260;
  background-color: #266676; }

.services-with-product .services-body li a {
  background-color: #266676; }

.qdr-hover-1:before {
  background-color: #4c5260; }

.qdr-hover-1-left:before {
  background-color: #4c5260; }

.qdr-hover-1-right:before {
  background-color: #4c5260; }

.qdr-hover-1-bottom:before {
  background-color: #4c5260; }

.qdr-hover-2:before {
  background-color: #4c5260; }

.qdr-hover-2-vertical:before {
  background-color: #4c5260; }

.qdr-hover-2-rotate:before {
  background-color: #4c5260; }

#etna_home_notes {
  position: relative;
  z-index: 99;
  top: 0;
  height: auto; }
  #etna_home_notes .home-content {
    float: right;
    right: 0;
    width: 80%;
    width: calc(100% - ((100% - 1170px) / 2));
    height: auto;
    background: orange;
    position: relative;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    #etna_home_notes .home-content .right {
      width: 75%; }
      #etna_home_notes .home-content .right .content-boxes {
        max-width: 100%;
        padding: 0; }
        #etna_home_notes .home-content .right .content-boxes a:hover i {
          color: inherit; }
        #etna_home_notes .home-content .right .content-boxes a:hover h2 {
          color: inherit; }
        #etna_home_notes .home-content .right .content-boxes a:hover p {
          color: inherit; }
        #etna_home_notes .home-content .right .content-boxes i {
          font-size: 22px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s; }
        #etna_home_notes .home-content .right .content-boxes h2 {
          font-size: 20px;
          font-weight: lighter;
          text-transform: uppercase;
          color: white;
          margin: 12px 0;
          padding: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s; }
        #etna_home_notes .home-content .right .content-boxes p {
          font-size: 16px;
          font-weight: lighter;
          color: white;
          margin: 0;
          padding: 0;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          transition: all 0.3s; }
      #etna_home_notes .home-content .right a {
        position: relative;
        overflow: hidden;
        display: block; }
    #etna_home_notes .home-content > div {
      float: left;
      height: auto;
      padding: 45px 25px 45px 25px; }
    #etna_home_notes .home-content .left {
      width: 25%;
      background-repeat: repeat; }
      #etna_home_notes .home-content .left h1 {
        font-size: 40px;
        letter-spacing: 2px; }
  #etna_home_notes .notes {
    position: relative;
    top: -90px; }
  #etna_home_notes .left-note {
    padding-left: 40px;
    max-width: 270px;
    border-left: 2px solid white;
    float: left;
    position: relative;
    width: 15%;
    width: calc((100% - 1170px) / 2); }
  #etna_home_notes .home-content.hiding {
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px); }

#categories {
  position: relative; }
  #categories .cbp-caption {
    background-color: #266676; }
  #categories .cbp-l-caption-alignLeft {
    width: 100%;
    height: 100%;
    display: table; }
    #categories .cbp-l-caption-alignLeft .cbp-l-caption-body {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      color: white;
      position: relative;
      top: 0;
      text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
  #categories .cbp-caption-zoom .cbp-caption-activeWrap {
    background: transparent;
    opacity: 1; }
  #categories .cbp-caption-defaultWrap {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    #categories .cbp-caption-defaultWrap img {
      opacity: 0.2;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s; }
  #categories .cbp-item:hover .cbp-caption-defaultWrap {
    transform: scale(1.05); }
    #categories .cbp-item:hover .cbp-caption-defaultWrap img {
      opacity: 1; }
  #categories .cbp-item:hover .cbp-l-caption-alignLeft .cbp-l-caption-body h3 {
    opacity: 0;
    margin-left: 50px; }
  #categories .cbp-item:hover .cbp-l-caption-alignLeft .cbp-l-caption-body p {
    opacity: 0;
    margin-left: -50px; }
  #categories h3.title {
    color: white;
    font-size: 23px;
    padding: 0;
    margin: 0;
    position: relative; }
  #categories p.desc {
    font-size: 15px;
    margin: 0;
    color: white;
    font-weight: 500;
    position: relative; }

#navigation.modern .columns ul.dropdown-menu {
  background-color: #31343a; }
  #navigation.modern .columns ul.dropdown-menu li a:hover {
    background-color: #393c44; }

#navigation.modern .columns ul li a {
  font-size: 13px;
  font-weight: 600; }
  #navigation.modern .columns ul li a:hover {
    color: #2e7b8e !important; }

#navigation.modern .columns ul li button {
  font-size: 13px;
  font-weight: 600; }

#navigation.modern .columns ul.nav > li.active > a {
  color: #2e7b8e !important; }

#navigation.modern.white-nav .columns .nav-menu > .nav > li > a:before {
  background-color: #4a5163; }

#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a {
  color: #266676; }

#navigation.modern.white-nav .columns ul.dropdown-menu li a {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px; }
  #navigation.modern.white-nav .columns ul.dropdown-menu li a:hover {
    background: #fafafa; }

#navigation.modern.white-nav .columns ul.dropdown-menu.mega-menu li a {
  font-size: 13px;
  letter-spacing: 0.3px;
  font-weight: 600;
  text-transform: uppercase; }

#navigation.modern.white-nav.scrolled .columns .nav-menu > .nav > li > a {
  color: #266676; }
  #navigation.modern.white-nav.scrolled .columns .nav-menu > .nav > li > a:before {
    background-color: #4a5163; }

footer.classic_footer .footer-bottom {
  background-color: #24252a; }

footer.classic_footer ul li a:hover {
  background-color: #24252a; }

#navigation.modern.scrolled .columns ul li a:hover {
  color: #2e7b8e !important; }

#navigation.modern.white-nav.start-dark .columns a {
  color: #266676; }

#navigation.modern.white-nav.start-dark .columns ul.dropdown-menu li a {
  color: #266676; }

#mobile-navigation {
  background-color: #26272c; }
  #mobile-navigation a:active {
    background-color: #2e7b8e; }
  #mobile-navigation a:focus {
    background-color: #2e7b8e; }
  #mobile-navigation a:hover {
    background-color: #2e7b8e; }
  #mobile-navigation li.active a {
    background-color: #2e7b8e; }
  #mobile-navigation li.active a.touchme {
    background-color: #2e7b8e; }
  #mobile-navigation .dropdown-menu a {
    background-color: #2e7b8e; }

.title {
  color: #266676;
  font-size: 35px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0 0 25px 0; }

.title.light-title {
  color: #266676; }

.description {
  color: #13333b;
  line-height: 26px;
  font-size: 17px;
  padding: 0;
  margin: 30px auto 0; }

.description.light-title {
  color: #266676; }

.team-type-2 {
  text-align: center; }
  .team-type-2 .custom-slider {
    margin-top: 50px; }
  .team-type-2 .member {
    margin: 0 15px;
    height: auto;
    position: relative; }
    .team-type-2 .member img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s; }
    .team-type-2 .member:hover img {
      opacity: 0.35; }
    .team-type-2 .member:hover .team-progress {
      opacity: 1;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s; }
    .team-type-2 .member:hover .member-description {
      color: white; }
    .team-type-2 .member:hover .member-socials div {
      top: 0; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(1) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(2) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(3) {
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(4) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(5) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s; }
      .team-type-2 .member:hover .member-socials div:nth-of-type(6) {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s; }
    .team-type-2 .member .member-body {
      background-color: black;
      position: relative; }
    .team-type-2 .member .team-progress {
      position: absolute;
      bottom: 25px;
      left: 0;
      width: 100%;
      opacity: 0;
      overflow: hidden; }
      .team-type-2 .member .team-progress .prg-bg {
        width: 100%;
        background-color: #e8e8e8;
        padding: 0;
        margin: 0; }
      .team-type-2 .member .team-progress .progress-bar {
        height: 5px;
        padding: 0;
        float: none;
        margin-top: 15px;
        position: relative;
        left: 0;
        min-width: 40%;
        box-shadow: none; }
      .team-type-2 .member .team-progress h3 {
        font-size: 16px;
        color: #13333b;
        margin-top: 30px;
        white-space: nowrap;
        font-weight: normal;
        text-transform: uppercase;
        padding: 0; }
    .team-type-2 .member .member-description {
      color: #13333b;
      position: relative;
      width: 100%;
      height: auto;
      left: 0;
      padding: 20px 25px;
      opacity: 1;
      top: 0;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      transition: all 0.4s; }
      .team-type-2 .member .member-description h2 {
        font-size: 22px;
        margin: 0;
        padding: 0;
        text-transform: uppercase; }
      .team-type-2 .member .member-description h4 {
        font-size: 16px;
        margin: 17px auto 14px;
        padding: 0;
        text-transform: uppercase; }
      .team-type-2 .member .member-description p {
        font-size: inherit;
        line-height: 22px;
        margin: 0;
        padding: 0; }
    .team-type-2 .member .member-socials {
      position: absolute;
      bottom: 0;
      height: 60px;
      left: 0;
      width: 100%;
      text-align: center;
      overflow: hidden; }
      .team-type-2 .member .member-socials a {
        display: block;
        width: 37px;
        height: 37px;
        line-height: 37px;
        color: #13333b;
        margin: 0 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
        .team-type-2 .member .member-socials a:hover {
          color: white; }
      .team-type-2 .member .member-socials div {
        top: 100%;
        position: relative;
        display: inline-block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }

.team-type-2.custom-slider {
  margin-top: 50px; }

#works .cbp-caption-activeWrap {
  background-color: #212121; }
  #works .cbp-caption-activeWrap h2 {
    color: white;
    font-size: 22px;
    margin: 0;
    padding: 0;
    margin-bottom: 7px; }
  #works .cbp-caption-activeWrap p {
    font-size: 16px;
    margin: 0;
    padding: 0; }

#works .cbp-item:hover .cbp-caption-defaultWrap {
  transform: scale(1); }

#works #filters.cbp-l-filters-text .cbp-filter-item {
  font-family: inherit !important;
  font-size: 17px;
  font-weight: 400;
  margin-top: 50px; }

footer .gray8 {
  color: #cc !important; }

@media only screen and (max-width: 960px) {
  .title {
    max-width: 95% !important; }
  .description {
    max-width: 95% !important; } }

@media only screen and (max-width: 1650px) {
  #etna_home_notes .left-note {
    padding-left: 20px;
    width: 160px; }
  #etna_home_notes .home-content {
    width: calc(100% - 180px); } }

@media only screen and (max-width: 1300px) {
  #etna_home_notes .left-note {
    width: 250px;
    float: none;
    bottom: 30px; }
  #etna_home_notes .home-content {
    width: 100%;
    flex: none; }
    #etna_home_notes .home-content .left h2 {
      font-size: 28px !important;
      line-height: 30px !important; } }

@media only screen and (max-width: 1170px) {
  #etna_home_notes .about-notes {
    padding-left: 15px;
    padding-right: 15px; }
  .title-strips.strips-left {
    margin-left: 15px !important; } }

@media only screen and (max-width: 900px) {
  #etna_home_notes .home-content .left {
    float: none;
    width: 100%;
    height: auto !important;
    margin-top: 0 !important; }
  #etna_home_notes .home-content .right {
    float: none;
    width: 100%;
    height: auto !important;
    margin-top: 0 !important; }
    #etna_home_notes .home-content .right a {
      margin-top: 30px !important; }
  #etna_home_notes .vertical-center {
    float: none;
    width: 100%;
    height: auto !important;
    margin-top: 0 !important; } }

@media only screen and (max-height: 640px) {
  #etna_home_notes .home-content .left h1 {
    font-size: 30px;
    letter-spacing: 1px; }
    #etna_home_notes .home-content .left h1 span {
      display: inline-block; }
  #etna_home_notes .home-content > div {
    padding: 45px 15px 45px 15px; }
  #etna_home_notes .left-note {
    bottom: 0; } }

.image-boxes .item h3 {
  text-align: left;
  margin-bottom: 15px; }

.image-boxes .item ul {
  list-style: circle;
  margin-left: 16px;
  text-align: left; }

.slick-slide img {
  max-width: 100%;
  height: auto; }

/*#etna_home_notes {
  padding-bottom: 0;
  margin-bottom: 60px;
}*/
#masterstudium {
  margin-top: 160px;
  margin-bottom: 100px; }
  #masterstudium p {
    margin-bottom: 40px; }
  #masterstudium .dropcap:first-letter {
    padding-bottom: 30px;
    font-size: 45px;
    padding-top: 0;
    font-family: inherit; }

#erfahrungen {
  margin-bottom: 160px; }

#categories .cbp-l-caption-alignLeft .cbp-l-caption-body h3 {
  margin-bottom: 0.4em; }

#navigation.modern .columns .logo a,
#navigation.modern .columns .logo img {
  max-height: 35px; }

#navigation.modern.scrolled .columns .logo a,
#navigation.modern.scrolled .columns .logo img {
  max-height: 25px; }