@charset "UTF-8";

a, input, textarea, select, input-group {outline: none;}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('../fonts/CyGroteskWide-Dark.woff2') format('woff2'),
        url('../fonts/CyGroteskWide-Dark.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('../fonts/CyGroteskWide-Thin.woff2') format('woff2'),
        url('../fonts/CyGroteskWide-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cy Grotesk Wide';
    src: url('../fonts/CyGroteskWide-Regular.woff2') format('woff2'),
        url('../fonts/CyGroteskWide-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('../fonts/brandon_reg-webfont.eot');
    src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff'),
         url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('../fonts/brandon_reg-webfont.svg#brandon_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../fonts/brandon_bld-webfont.eot');
    src: url('../fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('../fonts/brandon_bld-webfont.woff') format('woff'),
         url('../fonts/brandon_bld-webfont.ttf') format('truetype'),
         url('../fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fonts/brandon_blk-webfont.eot');
    src: url('../fonts/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_blk-webfont.woff2') format('woff2'),
         url('../fonts/brandon_blk-webfont.woff') format('woff'),
         url('../fonts/brandon_blk-webfont.ttf') format('truetype'),
         url('../fonts/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
height:100%;
font-family: 'Cy Grotesk Wide';
font-weight:100;
color:#fff;
background:url("../images/slide01.jpg");
background-position:fixed;
background-attachment:fixed;
}
.text-center{
text-align:center;
}
p{
letter-spacing:0.5px;
}


/* Navbar ............................................................... */

.navbar-default{
padding:0;
border:0px;
transition:0.3s;
-webkit-transition: 0.3s; /* Safari */
}
.navbar-default {
background-color: #313131;
border-color: transparent;
}
.small-pad{
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.navbar{
margin-bottom: 0px;
}
.nav > li > a {
position: relative;
display: block;
}
.navbar-default .navbar-nav > li{
padding-bottom:10px;
margin-left:10px;
margin-right:10px;
}
.navbar-default .navbar-nav > li > a {
letter-spacing:1px;
color: #fff;
font-size:12px;
padding:8px 5px;
transition:0.3s;
-webkit-transition: 0.3s; /* Safari */
}
.navbar-default .navbar-nav > li > a:hover {
color: #fff;
}
.navbar-collapse{
text-align: center;
}
.logocap a{
color:#af8445;
font-size:48px;
text-decoration:none;
}
.white{
color:white;
background:transparent;
}
.navbar-nav {
float: right;
margin: 25px 0 0;
}
.logo{
width: 110px;
margin-top:10px;
margin-bottom:5px;
}
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #398760;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.mutacie{
position:absolute;
top:80px;
right:30px;
z-index:1000;
}
.mutacie ul{
list-style-type:none;
}
.mutacie ul li {
float:left;
margin-left:10px;
}
.mutacie li a{
color:#cccccc;
border:1px solid #398760;
padding:5px;
border-radius:30px;
font-size:12px;
display:block;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.mutacie li a:hover{
background:#398760;
color:white;
text-decoration:none;
}
.navbar-subpage{
    background: #1b1b1b;
    }

/* Slider ............................................................... */
.item,
.active {
height:100%;
}
.carousel{
height:91%;
min-height: 500px;
}
.carousel-inner {
height:100%;
}
.fill {
width:100%;
height:100%;
background-position: center;
background-size: cover;
position:relative;
}
.carousel .fill {
width:100%;
height:100%;
background-position: top right;
background-size: cover;
position:relative;
}
.carousel-caption {
position: absolute;
left: 0%;
right: 0%;
bottom: 35%;
text-align:center;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.9);
}
.caption-inside h1{
font-family: 'Cy Grotesk Wide';
font-weight:900;
font-size:100px;
letter-spacing:2px;
color:#fff;
margin-top:25px;
margin-bottom:10px;
}
.caption-inside h2{
font-family: 'Cy Grotesk Wide';
font-weight:100;
font-size:18px;
color:#7c7b7b;
margin-top:0px;
margin-bottom:40px;
letter-spacing:2px;
}
.caption-inside h3{
font-family: 'Cy Grotesk Wide';
font-weight:100;
font-size:24px;
color:#cacaca;
margin-top:5px;
letter-spacing:2px;
margin-bottom:40px;
}
.grad{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/back.png") repeat-x;
}
.red{
color:#cacaca;
}
.bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.bottom-carousel-caption{
position: absolute;
left: 30px;
right: 30px;
bottom: 30px;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.9);
}
.bottom-carousel-caption h3{
font-weight:100;
font-size:14px;
color:#cacaca;
margin-top:5px;
letter-spacing:2px;
margin-bottom:0px;
}
.section-bottom-right{
text-align:right;
}

/* O nas ............................................................... */
.onas{
padding-top:40px;
padding-bottom:60px;
background:#2b2b2b;
}
.onas h1{
color:#37865f;
font-family: 'Leafy';
font-size:50px;
margin-bottom:30px;
}
.onas p{
color:#9e9e9e;
line-height:24px;
}
.about a{
color:white;
transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
text-decoration:none;
}
.about a:hover{
color: #37865f;
text-decoration:none;
}
.about {
    padding-top: 80px;
    padding-bottom: 100px;
    background: #1b1b1b;
}
.about h1{
color:#fff;
font-weight:900;
font-size:80px;
margin-bottom:50px;
}
.img-round img{
border-radius:300px;
}
.about h3 {
    color: white;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
}
.about p {
    color: white;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
}
.about .text-button-in a{
    color: white;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
    font-weight:900;
    opacity:0.5;
        -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
text-decoration:none;
}
.about .text-button-in a:hover{
opacity:1;
}


/* Praca ............................................................... */
.praca{
padding-top:80px;
padding-bottom:100px;
background:#1b1b1b;
}
.praca h1{
color:#fff;
font-weight:900;
font-size:80px;
margin-bottom:50px;
}
.praca h2{
color: white;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.5;
    margin-top: 25px;
    letter-spacing:1px;
}
.praca h3{
    color: white;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
}
.praca p{
color: #878787;
    line-height: 24px;
    font-size: 17px;
    margin-bottom: 20px;
}
.project-box{
background:#2b2b2b;
padding:30px;
margin-top:50px;
z-index:10;
}
.posun-30{
margin-top:30px;
}
.posun-50{
margin-top:50px;
}
.big-box{
height:630px;
margin-bottom:0px;
border-radius:10px;
}
.big-box .fill{
border-radius: 10px 10px 0 0;
}
.img-caption{
padding:0 20px 0px;
border:1px solid #2e2d2d;
border-radius:0px 0px 10px 10px;
}

.portfolio p{
font-size:16px;
padding-left:20%;
padding-right:20%;
}
.viac{
margin-top:50px;
}
.viac a{
color:white;
border:1px solid white;
border-radius:50px;
padding:10px 30px;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.viac a:hover{
background:white;
color:black;
text-decoration:none;
}
.logo-img img{
margin-bottom:30px;
}
.green{
color:#37865f;
}
.more a{
color:#37865f;
border-bottom:1px solid transparent;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.more a:hover{
text-decoration:none;
border-bottom:1px solid #37865f;
}
.contact h2{
margin-bottom:30px;
}
.alma h2{
margin-bottom:40px;
}
.praca .brd-top{
margin-top:40px;
border-top:1px solid #3c3c3c;
padding-top:20px;
}
.popis-autora p {
padding:0;
margin-top:10px;
}
.praca .tabulka .img-responsive{
display:inline-block;
}
.praca a .img-caption{
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
text-decoration:none;
}
.praca a:hover
.img-caption{
background:black;
text-decoration:none;
}
.praca a{
text-decoration:none;
}


/* Expertise ............................................................... */
.expertise{
padding-top:80px;
padding-bottom:100px;
background:#1b1b1b;
}
.expertise h1{
color:#fff;
font-weight:900;
font-size:80px;
margin-bottom:50px;
}
.praca h2{
font-weight:900;
color: white;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.5;
    margin-top: 25px;
    letter-spacing:1px;
}
.praca h3{
font-weight:100;
    color: white;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
}
.praca p{
color: #878787;
    line-height: 24px;
    font-size: 17px;
    margin-bottom: 20px;
}
.exp-block{
    padding: 30px;
    border: 1px solid #2e2d2d;
    border-radius: 10px;
}
.expertise h2{
font-weight:900;
font-size:18px;
letter-spacing:1px;
}
.expertise h3{
font-weight:900;
font-size:36px;
}
.expertise p{
color: #fff;
opacity:0.5;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
}
.white-button-in a{
background:white;
padding:10px 30px;
border-radius:100px;
color:black;
    font-size: 18px;
    font-weight:900;
    text-decoration:none;
    transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.white-button-in a:hover{
background:black;
color:white;
}


/* Predel ............................................................... */
.predel {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #1b1b1b;
}
.predel img{
border-radius:10px;}

/* Kontakt ............................................................... */
.kontakt{
    background: #1b1b1b;
padding-bottom:30px;
padding-left:30px;
padding-right:30px;

}
.kontakt h1{
color:#fff;
font-weight:900;
font-size:50px;
margin-bottom:30px;
margin-top:60px;
}
.kontakt a{
color:white;
display:block;
letter-spacing:1px;
text-decoration:none;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.kontakt a:hover{
color:#37865f;
}
.kontakt p{
color:white;
}

/* Contact Links ............................................................... */
.contact-links{
background: #1b1b1b;
padding-top:15px;
padding-bottom:45px;
padding-left:30px;
padding-right:30px;
}
.container-links-box{
border-top: 1px solid #2e2d2d;
border-bottom: 1px solid #2e2d2d;
padding-top:70px;
padding-bottom:70px;
}
.contact-links h2{
color:white;
    opacity: 0.7;
font-size:18px;
margin-bottom:30px;
font-weight:900;
}
.contact-links p{
color:white;
font-size:18px;
margin-bottom:0px;
letter-spacing:1px;
}
.contact-links a{
color:white;
font-size:18px;
margin-bottom:0px;
letter-spacing:1px;
text-decoration:none;
transition:0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
}
.contact-links a:hover{
color:#37865f;
}


/* Headline Subpage ............................................................... */
.headline-subpage {
    padding-top: 80px;
    padding-bottom: 20px;
    background: #1b1b1b;
}
.headline-subpage h1{
color:#fff;
font-weight:900;
font-size:80px;
margin-bottom:50px;
}

/* Project ............................................................... */
.project{
padding-top:60px;
padding-bottom:20px;
background:#1b1b1b;
}
.project h1{
color:#fff;
font-weight:900;
font-size:60px;
margin-bottom:50px;
}
.project h2{
color: white;
font-weight:900;
    font-size: 36px;
    margin-bottom: 0px;
    line-height: 1.5;
    margin-top: 25px;
}
.project h3{
    color: white;
    font-size: 24px;
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 25px;
      font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.project p{
color: #878787;
    line-height: 24px;
    font-size: 17px;
    margin-bottom: 20px;
}


/* Podpis ............................................................... */
.podpis{
background:rgba(0,0,0,0.8);
text-align:center;
padding-top:15px;
padding-bottom:15px;
}
.podpis p{
opacity:0.3;
font-size:12px;
margin-top:10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #37865f;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
	border-radius:10px;
}
.navbar-podstrana{background-color:#333333;}


/* Responsive structure ............................................................... */

@media only screen and (max-width : 1400px){
.carousel-caption {    bottom: 20%;}
}

@media only screen and (max-width : 1199px){
.praca h1 { font-size: 70px;}
.big-box {    height: 400px;}

}

@media only screen and (max-width : 991px){
.logocap{display:inline-block; text-align:left;}
.carousel{height:600px;}
.caption-inside h1 {    font-size: 80px;}
.big-box {    height: 500px;}
.exp-block {    margin-bottom: 20px;}
}

@media only screen and (max-width : 767px){
.portfolio p {    padding-left: 20px;    padding-right: 20px;}
}

@media only screen and (max-width : 639px){
.praca h1 {    font-size: px;  }
}

@media only screen and (max-width : 479px){
.caption-inside h1 {    font-size: 45px;}
.carousel {    height: 405px;}
.carousel {    height: 90%;    min-height: 380px;}
.big-box {    height: 250px;}
}


/* Navbar collapse at 768px ............................................................... */

@media only screen and  (max-width : 991px) {
.navbar-toggle {
    margin-top: 17px;
	}
.navbar-default .navbar-nav > li > a {
    padding-bottom: 10px;
}
	.navbar-wrapper{
	z-index:11;
	}
	.navbar-default{
	text-align:left;
	}

 .navbar-header {
        float: none;
    }
.navbar-toggle {
        display: block;
    }
 .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
 .navbar-collapse.collapse {
        display: none!important;
    }
.navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
    }

.navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
 .navbar-collapse.collapse.in { 
        display: block!important;
    }
 .collapsing {
        overflow: hidden!important;
    }
 .navbar-header {
        float: none;
    }
 .navbar-toggle {
        display: block;
    }
 .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
 .navbar-collapse.collapse {
        display: none!important;
    }
 .navbar-nav {
        float: none!important;
        margin: 0;
    }

.navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 5px;
    }
    /* since 3.1.0 */
 .navbar-collapse.collapse.in { 
        display: block!important;
    }
.collapsing {
        overflow: hidden!important;
    }
.navbar-nav > li {
    float: none;
}
.section-bottom-left{text-align:center;}
.section-bottom-right {    text-align: center;}
.box02{margin-top:30px;}
}