/*========================================
        GBK GENERAL STYLES
==========================================*/


@font-face {
    font-family: 'Etelka Light Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Etelka Light Pro'), url('../fonts/Etelka-Light-Pro_16165.woff') format('woff');
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Light.woff') format('woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-Light.woff') format('woff');
         /* url('../fonts/FiraSans-Light.eot') format('embedded-opentype'), */
         /* url('../fonts/FiraSans-Light.ttf') format('truetype'); */
    font-weight: 300;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Bold.woff') format('woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-Bold.woff') format('woff');
         /* url('../fonts/FiraSans-Bold.eot') format('embedded-opentype'), */
         /* url('../fonts/FiraSans-Bold.ttf') format('truetype'); */
    font-weight: bold;
    font-style: normal;
}


@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-LightItalic.woff') format('woff'),
    src: local('Fira Sans'),
         url('../fonts/FiraSans-LightItalic.woff') format('woff');
         /* url('eot/FiraSans-LightItalic.eot') format('embedded-opentype'), */
         /* url('ttf/FiraSans-LightItalic.ttf') format('truetype'); */
    font-weight: 300;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Medium.woff') format('woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-Medium.woff') format('woff');
         /* url('eot/FiraSans-Medium.eot') format('embedded-opentype'), */
         /* url('ttf/FiraSans-Medium.ttf') format('truetype'); */
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-MediumItalic.woff') format('woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-MediumItalic.woff') format('woff');
         /* url('eot/FiraSans-MediumItalic.eot') format('embedded-opentype'), */
         /* url('ttf/FiraSans-MediumItalic.ttf') format('truetype'); */
    font-weight: 500;
    font-style: italic;
}
@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Italic.woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-Italic.woff') format('woff');
         /* url('eot/FiraSans-Italic.eot') format('embedded-opentype'), */
         /* url('ttf/FiraSans-Italic.ttf') format('truetype'); */
    font-weight: 400;
    font-style: italic;
}

@font-face{
    font-family: 'Fira Sans';
    src: url('../fonts/FiraSans-Regular.woff') format('woff');
    src: local('Fira Sans'),
         url('../fonts/FiraSans-Regular.woff') format('woff');
         /* url('eot/FiraSans-Regular.eot') format('embedded-opentype'), */
         /* url('ttf/FiraSans-Regular.ttf') format('truetype'); */
    font-weight: 400;
    font-style: normal;
}


@font-face{
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.woff') format('woff');
    src: local('Open Sans Light'),
         url('../fonts/OpenSans-Light.woff') format('woff'),
         url('../fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/RFG79W.eot');
    src: url('../fonts/RFG79W.woff') format('woff'),
         url('../fonts/fonts/RFG79W.ttf') format('truetype'),
         url('../fonts/fonts/RFG79W.svg') format('svg');
}

html {min-height: 100%;  position: relative;}
body {
  font-size: 14px;
  font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin-bottom: 300px;
}

/* =========== MIXINS ============ */
    
    /* heights */
    .h50 {height: 50px;}
    .h2:after {height: 2px !important;}

    .al {text-align: left;}
    .ar {text-align: right;}
    .ac {text-align: center;}
    .vam {vertical-align: middle;}
    .vat {vertical-align: top;}
    .vab {vertical-align: bottom;}

    /* margins */
    .m15 {margin-top: 15px;margin-bottom: 15px;}
    .m30 {margin-top: 30px;margin-bottom: 30px;}
    .mt30 {margin-top: 30px;}
    .mb30 {margin-bottom: 30px;}

    /* margins zerofication */

    .mz {margin:0;}
    .mlz {margin-left:0;}
    .mrz {margin-right:0;}
    .mtz {margin-top:0;}
    .mdz {margin-bottom: 0;}

    /* padding zerofication */

    .pz {padding:0;}
    .plz {padding-left:0;}
    .prz {padding-right:0;}
    .ptz {padding-top:0;}
    .pdz {padding-bottom: 0;}

    /* bg colors definitions */
    .bg-green {background-color: #37b749;}
    .bg-gray {background-color: #f1f6f7;}
    .bg-asbestos {background-color: #8c99a5;}
    .bg-silver {background-color: #ecf0f1;}

    /* colors definitions */
    .color-white {color: #FFFFFF;}
    .color-green {color: #37b749;}
    .color-asphalt {color: #4a545a;}
    .color-dark {color:#576a74;}
    .color-beton {color: #3f464c;}
    .color-blue-beton {color: #505E6B;}
    .color-dark-blue {color:#34495e;}
    

    /* fonts */
    .font-etelka {font-family: 'Etelka Light Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    .font-fira  {font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
    .font-open  {font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

    /* font-styles */
    .wbold {font-weight: bold;}
    .i  {font-style: italic;}

    /* font sizes */
    .f14 {font-size: 100.00%;}
    .f16 {font-size: 114.28%;}
    .f18 {font-size: 128.57%;}
    .f20 {font-size: 142.85%;}
    .f22 {font-size: 157.14%;}
    .f24 {font-size: 171.42%;}
    .f26 {font-size: 185.71%;}
    .f28 {font-size: 200.00%;}
    .f30 {font-size: 214.28%;}
    .f32 {font-size: 228.57%;}
    .f70 {font-size: 500.00%;}

    /* corners */
    .r5 {border-radius: 5px;}

    .lh1-4 {line-height: 1.4em;}

/* =========== MIXINS END ============ */

/* links */
.profile {padding: 5px 10px;margin-top: -5px;}
.profile:hover {background-color: #37b749;}

/* navbar */
.navbar-gbk {background-color: #FFFFFF;background-image: inherit;}
.navbar-gbk .navbar-nav {padding-top:37px;}
.navbar-gbk .navbar-nav > li > a {font-weight: 300; padding: 5px 10px;font-family: 'Fira Sans';font-size: 128.5%;border-radius: 5px;margin-right: 5px;}
.navbar-gbk .navbar-nav .active a {padding: 5px 10px; color: #FFFFFF; background-color: #f39c12;background-image:inherit;}
.navbar-gbk .navbar-nav > li a:hover {background-color: #37b749;color: #FFFFFF;}
.navbar-gbk .navbar-brand {float: left;min-height: 50px;height: auto !important;padding: 15px 15px;font-size: 18px;line-height: 20px;padding-right: 20px;}
.navbar-toggle {float: left;margin: -5px 15px 8px 20px;padding: 9px 10px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}

/* sections */
.contacts-section {min-height: 53px !important;padding-top: 16px;}
.breadcrumbs-section {margin-top: 120px;}

.news-section h2, .news-section h3 {font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.news-section h2 {text-align: center;border-bottom: 1px solid #e6e9ea;padding:0 0 10px 0; margin: 0;}

.subscribe-section {margin-top: 26px;}
.subscribe-section .form-group {margin-top: -5px;}
.subscribe-section .form-group .btn-subscribe {margin: 0;padding: 0;border: none;background: none;}

.courses-section {margin-top: 15px;}
.courses-section .date,
.list-section .date{padding: 10px 15px;font-size: 30px;font-family: Grotesk;border: 2px dashed #D2D2D2;}
.courses-section .DM {}
.courses-section .Y,
.list-section .Y {margin-top:5px;}
.courses-section .title {padding-left: 90px;height:90px;}
.courses-section .thesis {clear: both;padding-top: 10px;margin-bottom: 30px;height: 100px;}

.list-section .date {margin-right: 20px;border: 2px dashed #D2D2D2;}
.list-section .course {margin-bottom: 15px;border-bottom: 1px solid #ecf0f1;padding-bottom: 15px;min-height: 100px;}
.list-section .thesis {margin-top: 5px;}

.lozung-section {border-top: 1px solid #d2d5d6;border-bottom: 1px solid #d2d5d6;text-align: center;vertical-align: middle;}
.lozung-section h2 {margin-bottom: 20px;}
.lozung-section h2 a {color:#37bbec;text-decoration: underline;}
.responses-section {padding-top: 30px; padding-bottom: 0px;}
.responses-section .yield {padding-right: 50px;}

footer {
    background-color: #ecf0f1;
}
.footer-fixed {
    margin: 120px auto 0;
    position: absolute;
    width: 100%;
    display: block;
    bottom: -120px;
    clear: both;    
}
#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
footer .nav-footer > ul {display: inline-block;}

.dlm:after {background: url("../img/dlm.jpg") repeat-x top left;height: 6px;content: " ";display: block;margin-top: 10px;width: 100%;}

/* adaptive styles */
@media (max-width: 1199px) {
    .brand  {display: none;}
    .navbar-gbk .navbar-nav {padding-top: 17px;padding-bottom: 17px;}  
    .f14 {font-size: 90.28%;}

    .apply-block {padding: 0 10px;background-color: #F0F8FF;border-radius: 5px;}
}

@media (max-width: 1000px) {
  .show-reg {display: block !important;}
}

@media (max-width: 767px) {
    .f16 {font-size: 104.28%;}
    .f18 {font-size: 118.57%;}
    .f20 {font-size: 132.85%;}
    .f22 {font-size: 147.14%;}
    .f24 {font-size: 161.42%;}
    .f26 {font-size: 175.71%;}
    .f28 {font-size: 190.00%;}
    .f30 {font-size: 204.28%;}
    .f32 {font-size: 218.57%;}
    .f70 {font-size: 490.00%;}

    .navbar-gbk > .container .navbar-brand {display: none;}
    .nav > li {display: inline-block;}    

    .responses-section .ppl {margin-top:20px;}
    .responses-section .a-header {text-align: center;}

    .apply-xs {
      margin: 10px 0;
      background-color: #F0F8FF;
      padding: 15px 0;
      border-radius: 10px;
    } 

    body {margin-bottom: 0px;}
    .mb-xs {margin-bottom: 390px;}

    .footer-fixed {
        position: initial;
        margin-top: -1px;
    }

  }

/* course order form */

.nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid #fff;
  border-left: 15px solid #fff;
}
.nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
.nav-pills.nav-wizard > li:first-child a {
  border-radius: 5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
.nav-pills.nav-wizard > li:last-child a {
  border-radius: 0 5px 5px 0;
}
.nav-pills.nav-wizard > li a {
  border-radius: 0;
  background-color: #eee;
}
.nav-pills.nav-wizard > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 23px 0 20px 20px;
  border-color: transparent transparent transparent #eee;
  z-index: 150;
}
.nav-pills.nav-wizard > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 23px 0 20px 20px;
  border-color: #eee #eee #eee transparent;
  z-index: 150;
}
.nav-pills.nav-wizard > li:hover .nav-arrow {
  border-color: transparent transparent transparent #aaa;
}
.nav-pills.nav-wizard > li:hover .nav-wedge {
  border-color: #aaa #aaa #aaa transparent;
}
.nav-pills.nav-wizard > li:hover a {
  background-color: #aaa;
  color: #fff;
}
.nav-pills.nav-wizard > li.active .nav-arrow {
  border-color: transparent transparent transparent #428bca;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
  border-color: #428bca #428bca #428bca transparent;
}
.nav-pills.nav-wizard > li.active a {
  background-color: #428bca;
}