/* line 4, ../sass/style.scss */
html, body {
  height: 100%; }

/* line 8, ../sass/style.scss */
body {
  font-family: 'HoratioDLig','Open Sans', sans-serif;
  background: #000;
  font-size: 24px;
  letter-spacing:1px;
   line-height:24px;
   font-weight: 400;
  color: #f1f1f1; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }

/* line 16, ../sass/style.scss */
h1, h2, h3, h4, h5, h6 {
  color: #f1f1f1;
  font-family: 'HoratioDMed', sans-serif;
  text-transform: capitalize; }

/* line 22, ../sass/style.scss */
.form-control {
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
  color: #f1f1f1;
  height: 45px;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.2); }

/* line 29, ../sass/style.scss */
input[type=checkbox], input[type=radio] {
	font-family: 'Open Sans', sans-serif;
  margin: 8px 0 0; }
    
/* ==================================================
	import fonts
====================================================*/
@font-face {
    font-family: 'HoratioDBol';
    src: url('fonts/horatiodbol-webfont.eot');
    src: url('fonts/horatiodbol-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/horatiodbol-bold-webfont.woff') format('woff'),
         url('fonts/horatiodbol-bold-webfont.ttf') format('truetype'),
         url('fonts/horatiodbol-bold-webfont.svg#HoratioDBol') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HoratioDMed';
    src: url('fonts/horatiodmed-webfont.eot');
    src: url('fonts/horatiodmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/horatiodmed-webfont.woff') format('woff'),
         url('fonts/horatiodmed-webfont.ttf') format('truetype'),
         url('fonts/horatiodmed-webfont.svg#HoratioDMed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HoratioDLig';
    src: url('fonts/horatiodlig-webfont.eot');
    src: url('fonts/horatiodlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/horatiodlig-webfont.woff') format('woff'),
         url('fonts/horatiodlig-webfont.ttf') format('truetype'),
         url('fonts/horatiodlig-webfont.svg#HoratioDLig') format('svg');
    font-weight: normal;
    font-style: normal;
}  

/* ==================================================
	elements
====================================================*/

.btn-success {
    color: #fff;
    background-color: #87bde7;
    border-color: #87bde7;
	font-size:24px;
font-weight:700;
}
.btn-success:hover {background-color: #f1df17;}

 #map {width: 100%;height: 300px;}
			
/* line 39, ../sass/style.scss */
a {
  color: #87bde7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  /* line 42, ../sass/style.scss */
  a:hover {
    text-decoration: none;
    color: #f1df17; }

/* line 48, ../sass/style.scss */
hr {
  margin: 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

/* line 53, ../sass/style.scss */
pre {
  word-wrap: normal; }

/* line 57, ../sass/style.scss */
blockquote .small, blockquote footer, blockquote small {
  color: #f1f1f1; }

/* line 61, ../sass/style.scss */
.section {
  position: relative;
  min-height: 100%;
  padding: 100px 0 100px; }

/* line 67, ../sass/style.scss */
#bg_pattern {
  background-image: url(../img/bg_pattern.png);
  position: fixed;
  opacity: 0.8;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1; }

/* line 78, ../sass/style.scss */
.rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-radius: 0px; }

/* line 82, ../sass/style.scss */
.circle {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border-radius: 100%; }

/* line 86, ../sass/style.scss */
.rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px; }

/* line 90, ../sass/style.scss */
.padd-t-10 {
  padding-top: 10px; }

/* line 94, ../sass/style.scss */
.padd-t-100 {
  padding-top: 100px; }

/* line 98, ../sass/style.scss */
.padd-tb-10 {
  padding: 10px 0; }

/* line 102, ../sass/style.scss */
.padd-tb-20 {
  padding: 20px 0; }

/* line 106, ../sass/style.scss */
.nopadd {
  padding: 0; }

/* line 110, ../sass/style.scss */
.margin-t-100 {
  margin-top: 100px; }

/* ==================================================
	background-color
====================================================*/
/* line 120, ../sass/style.scss */
.dark-bg {
  background: #000; }

/* line 121, ../sass/style.scss */
.light-bg {
  background: #f6f6f6; }



/* ==================================================
	buttons
====================================================*/
/* line 175, ../sass/style.scss */
a.link {
  color: #f1f1f1;
  position: relative; }
  /* line 178, ../sass/style.scss */
  a.link:after {
    top: -3px;
    right: -20px;
    font-size: 12px;
    content: "\f18e";
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    position: absolute;
    color: #f1f1f1; }
  /* line 190, ../sass/style.scss */
  a.link:hover:after {
    right: -35px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

/* line 197, ../sass/style.scss */
.code {
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px; }
  /* line 206, ../sass/style.scss */
  .code:hover, .code:active, .code:focus {
    text-decoration: none;
    color: #f1f1f1;
    background: rgba(225, 225, 225, 0.3); }

@media (max-width: 992px) {
  /* line 214, ../sass/style.scss */
  .code {
    display: none; } }
/* line 219, ../sass/style.scss */
.btn-banner {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 32px;
  border: 2px solid #f1f1f1;
  display: inline-block;
  text-align: center;
  margin-top: 50px;
  background: rgba(0, 0, 0, 0.05); }
  /* line 229, ../sass/style.scss */
  .btn-banner i {
    color: #f1f1f1; }
  /* line 232, ../sass/style.scss */
  .btn-banner:hover {
    background-color: rgba(255, 255, 255, 0.3); }

/* line 237, ../sass/style.scss */
.btn-custom {
  display: inline-block;
  font-size: 15px;
  color: #f1f1f1;
  border: 2px solid #f1f1f1;
  text-transform: uppercase;
  margin: 5px 2px 5px 0;
  background-color: rgba(255, 255, 255, 0.1); }
  /* line 245, ../sass/style.scss */
  .btn-custom:hover, .btn-custom:active, .btn-custom:focus {
    color: #f1f1f1;
    background-color: rgba(255, 255, 255, 0.3); }

/* line 251, ../sass/style.scss */
.btn-dark {
  display: inline-block;
  background: rgba(0, 0, 0, 0.3);
  font-size: 15px;
  color: #f1f1f1;
  border: 2px solid #f1f1f1;
  text-transform: uppercase;
  margin: 5px 2px 5px 0; }
  /* line 259, ../sass/style.scss */
  .btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #f1f1f1;
    background: rgba(0, 0, 0, 0.5); }

/* ==================================================
	section-heading
====================================================*/
/* line 270, ../sass/style.scss */
.section-heading {
  text-align: center;
  padding: 40px 0; }
  /* line 273, ../sass/style.scss */
  .section-heading h2 {
    margin: 0;
    font-size: 50px;
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  /* line 279, ../sass/style.scss */
  .section-heading .separator {
    width: 30px;
    height: 4px;
    background: #f1f1f1;
    text-align: center;
    display: inline-block; }

/* ==================================================
	static-background
====================================================*/
/* line 293, ../sass/style.scss */
.static-background {
  background: url(../img/bg5.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* ==================================================
	navbar
====================================================*/
/* line 306, ../sass/style.scss */
.navbar-brand img {
  width: 120px; }

/* line 312, ../sass/style.scss */
.navbar-inverse {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: rgba(0, 0, 0, 0.7); }
  /* line 317, ../sass/style.scss */
  .navbar-inverse .navbar-nav li a {
    color: #f1f1f1; }
    /* line 319, ../sass/style.scss */
    .navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a.active {
      font-weight: bold;
      background: transparent; }

@media (min-width: 1200px) {
  /* line 332, ../sass/style.scss */
  .navbar-inverse {
    border: none;
    padding: 20px 0;
    background: transparent; }
    /* line 338, ../sass/style.scss */
    .navbar-inverse .navbar-nav li a {
      color: #f1f1f1; }
      /* line 340, ../sass/style.scss */
      .navbar-inverse .navbar-nav li a:hover {
        font-weight: bold;
        background: transparent; }

  /* line 348, ../sass/style.scss */
  .navbar-scroll {
    padding: 5px 0;
    background: rgba(0, 0, 0, 0.7); } }
/* ==================================================
	navbar-collapse
====================================================*/
@media (max-width: 991px) {
  /* line 362, ../sass/style.scss */
  .navbar-header {
    float: none; }

  /* line 365, ../sass/style.scss */
  .navbar-toggle {
    display: block; }

  /* line 368, ../sass/style.scss */
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  /* line 372, ../sass/style.scss */
  .navbar-collapse.collapse {
    display: none!important; }

  /* line 375, ../sass/style.scss */
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px; }

  /* line 379, ../sass/style.scss */
  .navbar-nav > li {
    float: none; }

  /* line 382, ../sass/style.scss */
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px; }

  /* line 386, ../sass/style.scss */
  .navbar-text {
    float: none;
    margin: 15px 0; }

  /* since 3.1.0 */
  /* line 391, ../sass/style.scss */
  .navbar-collapse.collapse.in {
    display: block!important; }

  /* line 394, ../sass/style.scss */
  .collapsing {
    overflow: hidden!important; } }
/* ==================================================
	sidebar
====================================================*/
/* line 406, ../sass/style.scss */
.sidebar {
  width: 200px;
  position: fixed;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
  /* line 412, ../sass/style.scss */
  .sidebar .logo {
    padding: 30px 20px;
    display: block; }

/* line 418, ../sass/style.scss */
.menu {
  padding: 0;
  margin: 0;
  list-style: none; }
  /* line 422, ../sass/style.scss */
  .menu li {
    padding: 5px 20px; }
    /* line 424, ../sass/style.scss */
    .menu li a {
      color: #f1f1f1; 
	  font-size:20px;
	  display:block;}
      /* line 426, ../sass/style.scss */
      .menu li a:hover {
        text-decoration: none; 
		color: #87bde7;
		}
		.menu li a.active {
        font-family: 'HoratioDMed','Open Sans', sans-serif;
        text-decoration: none; 
		color: #87bde7;
		}
      /* line 430, ../sass/style.scss */
      .menu li a:focus {
        text-decoration: none; }

/* line 437, ../sass/style.scss */
.menu-toggle {
  display: none;
  text-align: center;
  color: #f1f1f1;
  padding: 0 0 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  /* line 443, ../sass/style.scss */
  .menu-toggle:hover {
    font-size: 20px;
    color: #f1f1f1; }
  /* line 447, ../sass/style.scss */
  .menu-toggle:focus {
    color: #f1f1f1; }

@media (max-width: 768px) {
  /* line 455, ../sass/style.scss */
  .logo {
    text-align: center; }

  /* line 458, ../sass/style.scss */
  .sidebar {
    position: relative;
    display: block;
    width: 100%;
    height: auto; }
    /* line 463, ../sass/style.scss */
    .sidebar .menu {
      text-align: center;
      display: none; }
    /* line 467, ../sass/style.scss */
    .sidebar .logo {
      padding: 20px 0 10px; }

  /* line 472, ../sass/style.scss */
  .menu-toggle {
    display: block; }

  /* line 476, ../sass/style.scss */
  .right-content {
    margin-left: 0 !important; } }
/* line 483, ../sass/style.scss */
.right-content {
  margin-left: 200px;
  /* margin-top: -60px; */ /* damit das Vidoe fullscreen ist */
  }
  /* line 486, ../sass/style.scss */
  .right-content .section {
    padding: 100px 0 200px; }

@media (max-width: 768px) {
  /* line 492, ../sass/style.scss */
  .right-content {
    margin-top: 0px; } }
/* ==================================================
	video-bg
====================================================*/
/* line 503, ../sass/style.scss */
.video-bg {
  position: fixed;
  left: 0px;
  min-width: 100%;
  min-height: 101%; /* Korrekturen fuer Videorand */
  z-index: -1; 
  margin-top: -5px}

/* ==================================================
	static-banner
====================================================*/
/* line 517, ../sass/style.scss */
#static-banner {
  position: relative;
  width: 100%;
  min-height: 100%;
  display: table;
  height: 100vh; /* ganze Fensterhoehe */
   }
  /* line 522, ../sass/style.scss */
  #static-banner .banner-content {
    display: table-cell;
    vertical-align: middle; }
    /* line 525, ../sass/style.scss */
    #static-banner .banner-content h1 {
      font-size: 114px;
      color: #f1f1f1;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
    /* line 531, ../sass/style.scss */
    #static-banner .banner-content p {
      font-size: 40px;
      color: #f1f1f1;
      line-height: 31px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
    /* line 537, ../sass/style.scss */
    #static-banner .banner-content .banner-icon {
      font-size: 90px; }

@media (max-width: 480px) {
  /* line 547, ../sass/style.scss */
  #static-banner .banner-content h1 {
    font-size: 30px; }
  /* line 550, ../sass/style.scss */
  #static-banner .banner-content p {
    font-size: 24px; } }

/* ==================================================
	owl settings
====================================================*/
/* line 793, ../sass/style.scss */
.owl-theme .owl-controls .owl-page span {
  background: #f1f1f1; }

/* line 797, ../sass/style.scss */
.owl-pagination {
  margin-top: 50px; }

/* ==================================================
	services
====================================================*/
/* line 809, ../sass/style.scss */
.services.style1 {
  padding: 40px 20px;
  text-align: center; }
  /* line 812, ../sass/style.scss */
  .services.style1 img {
    margin: 0 auto;
    margin-bottom: 20px; }
  /* line 816, ../sass/style.scss */
  .services.style1 i {
    font-size: 60px; }
  /* line 820, ../sass/style.scss */
  .services.style1:hover i {
    color: #f1f1f1; }
/* line 826, ../sass/style.scss */
.services.style2 {
  text-align: center;
  padding: 40px 20px; }
  /* line 829, ../sass/style.scss */
  .services.style2 img {
    margin: 0 auto;
    margin-bottom: 20px; }
  /* line 833, ../sass/style.scss */
  .services.style2 i {
    min-width: 80px;
    font-size: 36px;
    padding: 20px;
    margin-bottom: 10px;
    border: 2px solid #f1f1f1;
    background: rgba(225, 225, 225, 0.2);
    display: inline-block;
    text-align: center; }
  /* line 844, ../sass/style.scss */
  .services.style2:hover i {
    background: rgba(0, 0, 0, 0.5); }
/* line 850, ../sass/style.scss */
.services.style3 {
  padding: 40px 20px; }
  /* line 852, ../sass/style.scss */
  .services.style3 i {
    min-width: 80px;
    margin-top: 14px;
    float: left;
    font-size: 36px;
    padding: 20px;
    margin-bottom: 10px;
    border: 2px solid #f1f1f1;
    background: rgba(225, 225, 225, 0.2);
    display: inline-block;
    text-align: center; }
  /* line 864, ../sass/style.scss */
  .services.style3 .content {
    margin-left: 100px; }
    /* line 866, ../sass/style.scss */
    .services.style3 .content ul {
      list-style: none;
      padding: 0 20px; }
      /* line 869, ../sass/style.scss */
      .services.style3 .content ul li:before {
        font-family: 'FontAwesome';
        content: '\f00c';
        margin: 0 5px 0 -15px;
        color: #f1f1f1; }
  /* line 878, ../sass/style.scss */
  .services.style3:hover i {
    background: rgba(0, 0, 0, 0.5); }
/* line 885, ../sass/style.scss */
.services.style4 {
  padding: 40px 20px; }
  /* line 887, ../sass/style.scss */
  .services.style4 i {
    float: left;
    font-size: 31px;
    margin-top: 10px; }
  /* line 892, ../sass/style.scss */
  .services.style4 .content {
    margin-left: 50px; }
  /* line 895, ../sass/style.scss */
  .services.style4 a {
    color: #f1f1f1;
    text-transform: capitalize;
    padding-left: 18px; }
    /* line 899, ../sass/style.scss */
    .services.style4 a:before {
      font-family: 'FontAwesome';
      content: '\f18e';
      margin: 0 5px 0 -15px;
      color: #f1f1f1; }
    /* line 905, ../sass/style.scss */
    .services.style4 a:hover {
      text-decoration: none; }
/* line 912, ../sass/style.scss */
.services i {
  color: #f1f1f1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
/* line 917, ../sass/style.scss */
.services h4 {
  text-transform: uppercase; }

@media (max-width: 992px) {
  /* line 926, ../sass/style.scss */
  .services.style1, .services.style2, .services.style3, .services.style4 {
    padding: 20px 0; } }
@media (max-width: 768px) {
  /* line 935, ../sass/style.scss */
  .services.style1, .services.style2 {
    padding: 20px 40px; } }


/* ==================================================
	Pricing Tables
====================================================*/
/* line 1482, ../sass/style.scss */
.price-box1 {
  margin: 40px 0;
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border: 2px solid #f1f1f1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  /* line 1488, ../sass/style.scss */
  .price-box1 .price {
    color: #f1f1f1;
    font-size: 36px;
    margin: 31px 0;
    letter-spacing: -1px; }
  /* line 1494, ../sass/style.scss */
  .price-box1 ul {
    padding: 20px;
    min-height: 210px; }
  /* line 1498, ../sass/style.scss */
  .price-box1:hover {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

/* line 1504, ../sass/style.scss */
.price-box2 {
  margin: 40px 0;
  text-align: left;
  /* background: rgba(255, 255, 255, 0.1); */
  background: rgba(0, 0, 0, 0.4);
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  /* line 1512, ../sass/style.scss */
  .price-box2 .price {
    color: #f1f1f1;
    font-size: 46px;
    margin: 60px 0;
    letter-spacing: -1px; }
    /* line 1517, ../sass/style.scss */
    .price-box2 .price span {
      font-size: 24px;
      vertical-align: super; }
  /* line 1522, ../sass/style.scss */
  .price-box2 .month {
    display: block;
    font-size: 16px;
    margin: 20px 0 0; }
  /* line 1527, ../sass/style.scss */
  .price-box2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px; }
  /* line 1533, ../sass/style.scss */
  .price-box2:hover {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  /* line 1537, ../sass/style.scss */
  .price-box2 .separator {
    width: 20%;
    height: 1px;
    color: #f1f1f1;
    background: #f1f1f1;
    margin: 30px auto; }

/* line 1547, ../sass/style.scss */
.price-box3 {
  margin: 40px 0;
  background: #f1f1f1;
  color: #555;
  padding: 20px; }
  /* line 1552, ../sass/style.scss */
  .price-box3.active {
    margin: 20px 0; }
  /* line 1555, ../sass/style.scss */
  .price-box3 h2 {
    text-align: center;
    color: #555;
    text-shadow: none; }
  /* line 1560, ../sass/style.scss */
  .price-box3 p {
    text-align: center; }
  /* line 1563, ../sass/style.scss */
  .price-box3 .price {
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    margin: 40px 0; }
    /* line 1568, ../sass/style.scss */
    .price-box3 .price span {
      font-size: 26px; }
    /* line 1571, ../sass/style.scss */
    .price-box3 .price .month {
      display: block;
      font-size: 19px;
      margin: 10px 0; }


/* ==================================================
	contactForm
====================================================*/
/* line 1826, ../sass/style.scss */
#contactForm {
  margin: 70px 0; }
  /* line 1828, ../sass/style.scss */
  #contactForm .help-block {
    color: #f1f1f1; }

/*

.contact-info {
	margin:0;
	padding:0;
	width:100%;
	margin:0 auto;
	list-style:none;
	li {
		width:33%;
		float:left;
		text-align:center;
		i {
			display: block;
			width: 36px;
			height: 36px;
			text-align: center;
			margin: 0 auto;
			background: $dark-transparent-hover;
			line-height: 36px;
			border-radius: 100%;
		}
	}
}

@media (max-width:520px) {

.contact-info { 
		li {
			width:100%;
		}
	}
}

*/
/* line 1869, ../sass/style.scss */
.contact-info {
  text-align: center; }
  /* line 1871, ../sass/style.scss */
  .contact-info i {
    display: block;
    width: 36px;
    height: 36px;
    text-align: center;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.5);
    line-height: 36px;
    border-radius: 100%; }

/* ==================================================
	footer
====================================================*/
/* line 1888, ../sass/style.scss */
#footer {
  text-align: center;
  padding: 20px 0; 
  background: rgba(0, 0, 0, 0.4);
  }


/* ==================================================
	modal-theme
====================================================*/
/* line 1929, ../sass/style.scss */
.modal-theme {
  background: rgba(0, 0, 0, 0.7); }
  /* line 1931, ../sass/style.scss */
  .modal-theme .modal-content {
    background: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-radius: 4px; }
    /* line 1934, ../sass/style.scss */
    .modal-theme .modal-content .modal-header {
      border-bottom: 1px solid #333; }
      /* line 1936, ../sass/style.scss */
      .modal-theme .modal-content .modal-header .close {
        opacity: 1;
        font-size: 40px;
        text-shadow: none;
        color: #f1f1f1; }
    /* line 1943, ../sass/style.scss */
    .modal-theme .modal-content .modal-footer {
      border-top: 1px solid #333; }


/* ==================================================
	preloader
====================================================*/
/* line 2050, ../sass/style.scss */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f1f1;
  /* change if the mask should have another color then white */
  z-index: 1040;
  /* makes sure it stays on top */ }

/* line 2060, ../sass/style.scss */
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../img/loading.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */ }

/* ==================================================
	scrollToTop
==================================================== */
/* line 2077, ../sass/style.scss */
.scrollToTop {
  width: 60px;
  height: 60px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  color: #87bde7;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  cursor: pointer;
  border: none;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border-radius: 50px; }
  /* line 2099, ../sass/style.scss */
  .scrollToTop:hover, .scrollToTop:visited, .scrollToTop:focus {
    text-decoration: none;
    background-color: #000;
    color: #f1df17; }
  /* line 2104, ../sass/style.scss */
  .scrollToTop i {
    line-height: 24px; }

/* ==================================================
	this is for selection pages
==================================================== */
/* line 2115, ../sass/style.scss */
.top-section {
  background: url(../img/bg2.jpg) no-repeat top left;
  padding: 100px;
  text-align: center; }
  /* line 2120, ../sass/style.scss */
  .top-section h1 {
    margin: 0;
    font-size: 60px; }
  /* line 2124, ../sass/style.scss */
  .top-section h4 {
    margin-top: 30px;
    font-weight: normal; }
    /* line 2127, ../sass/style.scss */
    .top-section h4 span {
      font-weight: bold;
      text-decoration: underline; }

/* line 2134, ../sass/style.scss */
.selection {
  padding: 40px 0;
  background: #f1f1f1; }
  /* line 2137, ../sass/style.scss */
  .selection .item {
    text-align: center;
    margin: 15px 0; }
  /* line 2141, ../sass/style.scss */
  .selection a {
    margin: 20px; }
  /* line 2144, ../sass/style.scss */
  .selection p {
    color: #888;
    font-size: 12px; }

/* line 2150, ../sass/style.scss */
.selection-heading {
  text-align: center;
  margin: 60px 0 40px; }
  /* line 2153, ../sass/style.scss */
  .selection-heading h2 {
    display: inline-block;
    color: #444;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 19px; }
  /* line 2160, ../sass/style.scss */
  .selection-heading h5 {
    color: #444; }
	
.toggle-nav {
	font-size: 24px;
    padding-top: 14px;
	pointer:cursor;
}	

.toggle-nav:hover {
	font-size:26px;
}
	
.menu-block {	
	position: fixed;
    background: rgba(0,0,0,0.96);
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;	
}

.menu-block .menu {
	display: table-cell;
    vertical-align: middle;
}	
	
.menu-block .menu li {
	padding:10px 0;
}
	
.menu-block .menu li a {
    color: #f1f1f1;
    font-size: 18px;
    font-weight: bold;
}

.menu-block .menu li a:hover {
	font-size:20px;
}