html, body{
    height: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background-color: gray;
}

.menuFixed{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 20;
}

header{
    height: 100px;
    line-height: 100px;
    background-color: #0b0b0b;
}

header.container-fluid{
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #090808 10%, #0b0b0b 0%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#090808), color-stop(0%,#0b0b0b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #090808 10%,#0b0b0b 0%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #090808 10%,#0b0b0b 0%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #090808 10%,#0b0b0b 0%); /* IE10+ */
    background: linear-gradient(to bottom,  #090808 10%,#0b0b0b 0%); /* W3C */  
    
    position: fixed;
    width: 100%;
    z-index: 200;
    top: 0;
}


.zTop{
    position: relative;
    z-index: 10;
}

.grayShadow{
    position: absolute;
    z-index: 1;
    height: 90px;
    width: 65%;
    margin-top: 10px;
    height: 0;
    border-style: solid;
    border-width: 90px 90px 0 0;
    border-color: #0e0e0e transparent transparent transparent;    
}

.grayShadow2{
    position: absolute;
    z-index: 0;
    height: 90px;
    width: 65.1%;
    margin-top: 10px;
    height: 0;
    border-style: solid;
    border-width: 90px 90px 0 0;
    border-color: #131313 transparent transparent transparent;    
}

header a{
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
}

header a:hover, header a:focus{
    color: #FFF;
    text-decoration: none;
}

header .media li:nth-of-type(2){
    margin-left: 10px;
}

header ul{
    margin-bottom: 0;
}

header .menu li{
    padding-left: 20px;
    padding-right: 20px;
}

header .menu li:hover, header .menu li.active{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abcf1+0,0196db+100 */
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */
}

header .menu li:hover a, header .menu li:focus a{
    text-decoration: none;
    color: #FFF;
}


.smallMenu{
    background-color: #FFF;
    line-height: normal;
    height: auto;
}

.menuCircle{
    width: 50px;
    height: 50px;
    border: 2px #090808 solid;
    border-radius: 25px; 
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
    margin-left: 10px;
}

.menuCircle:after{
    content: "Menu";
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    top: 20px;
    left: 70px;    
}

.menuCircle span{
    display: block;
    height: 3px;
    width: 28px;
    background-color: #090808;
    margin-top: 4px;
    position: relative;
    top: 11px;
    left: 9px;
}

#myMenu{
    display: none;
}

.smallMenuList{
    list-style: none;
    padding-left: 0;
    background-color: #0e0e0e;
    text-align: center;
    position: relative;
    z-index: 5;
}

.smallMenuList a{
    font-size: 18px;
    font-weight: 300;
    color: #FFF;
}

.smallMenuList li{
    line-height: 50px;
}

.smallMenuList li.active, .smallMenuList li:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abcf1+0,0196db+100 */
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */
}

.fullWidth{
    width: 100%;
}

.owl-buttons{
    position: absolute;
    left: 70%;
    bottom: 60px;
}

.owl-theme .owl-controls .owl-buttons div{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafbfb+0,ececec+100 */
    background: #fafbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafbfb 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafbfb), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafbfb 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafbfb 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafbfb 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafbfb 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfb', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */

    color: #090808;
    font-weight: 700;
    opacity: 1;
    border-radius: 5px;
    margin-right: 2px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(-20deg);    
}

.sliderClipWrapper{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+70,000000+85&0+70,0.9+85 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 70%, rgba(0,0,0,0.8) 85%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,rgba(255,255,255,0)), color-stop(85%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 70%,rgba(0,0,0,0.8) 85%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 70%,rgba(0,0,0,0.8) 85%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 70%,rgba(0,0,0,0.8) 85%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 70%,rgba(0,0,0,0.8) 85%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */

    width: 100%;
    height: 100%;
    position: absolute;

}

.owl-theme .owl-controls{
    margin-top: 0;
}

.owl-pagination{
    background-color: #FFF;
}

.owl-theme .owl-controls .owl-page span{
    margin-top: 15px;
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #dbdbdb;
}
.owl-theme .owl-controls .owl-page:not(.active) span{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d0d0+0,f7f7f7+100 */
    background: #d0d0d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #d0d0d0 0%, #f7f7f7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d0d0d0 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d0d0d0 0%,#f7f7f7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d0d0d0 0%,#f7f7f7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d0d0d0 0%,#f7f7f7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span{
    background-color: #0e0e0e;
}

#sliderKontakt{
    position: absolute;
    right: 0;
    top: 35%;
    z-index: 5;
}

.sliderH1{
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;    
}

.sliderH1 h1{
    color: #FFF;
    font-size: 48px;
    font-weight: 300;
}

.sliderDivider{
    width: 60%;
    position: absolute;
    left: 0;
    margin-top: 10px;
    margin-bottom: 10px;   
    height: 1px;
    color: #FFF;
    border: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+78,0.1+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 78%, rgba(255,255,255,0.1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(78%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 78%,rgba(255,255,255,0.1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1affffff',GradientType=1 ); /* IE6-9 */    
}

.buttonSlider a{
    margin-top: 30px;
}

.btn-blue{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abcf1+0,0196db+100 */
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */    

    border: none;
    box-shadow: 0px 1px 1px #0197db, 0px -1px 1px #56c2f4;
    border-top: 1px solid #85d9ff;
    border-bottom: 1px solid #0c6994;    
    color: #FFF;
}

.btn-blue:hover, .btn-blue:focus{
    border-top: 1px solid #85d9ff;
    border-bottom: 1px solid #0c6994;    
    color: #FFF;

    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */      
}

.btn-gray{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dddfe1+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dddfe1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddfe1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dddfe1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dddfe1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dddfe1 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dddfe1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddfe1',GradientType=0 ); /* IE6-9 */

}

.sliderH2{
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;       
}

h2{
    color: #FFF;
    font-size: 30px;
    font-weight: 300;
    width: 80%;
}

.whiteBg{
    background-color: #FFF;
}

.partnerzy{
    padding-top: 20px;
    padding-bottom: 20px;
}

#p1:hover{
    content: url('/files/images/partners/knauf.jpg');
}

#p2:hover{
    content: url('/files/images/partners/leier.jpg');
}

#p3:hover{
    content: url('/files/images/partners/porotherm.jpg');
}

#p4:hover{
    content: url('/files/images/partners/weinerberger.jpg');
}

#p5:hover{
    content: url('/files/images/partners/ytong.jpg');
}

.partnerzy p{
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #c2c2c2;
}

.myContainer{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #4d4d4f;
}

.myContainer h3{
    font-size: 24px;
    font-weight: 300;
}

.underline{
    border-bottom: 1px solid #e4e4e4;
    width: 30%;
    margin-bottom: 40px;
}

.underline:before{
    width: 15%;
    background-color: #0096db;
    content: ' ';
    height: 3px;
    display: block;
}

.firma{
    background-color: #f1f1f1;
}

.firmaWrapper div{
    display: inline-table;
    width: 19%;
    padding: 25px;
    text-align: center;
}

.firmaWrapper div h4, .firmaWrapper div p{
    text-align: left;
}

.firmaWrapper div h4{
    color: #303030;
    font-size: 18px;
    margin-top: 30px;
}

.firmaWrapper div h4:after{
    content: '>';
    float: right;
    color: #9d9fa2;
    font-family: cursive;
    font-weight: 300;    
}

.firmaWrapper > div p{
    font-size: 11px;
}

#firma .row:not(:first-of-type){
    margin-top: 40px;
}

.imgCenter{
    margin-left: auto;
    margin-right: auto;
}

.inverse{
    background-color: #0096db;
    color: #FFF;
}

.inverse .underline{
    border-bottom: 1px solid #1da5e5;
}

.inverse .underline:before{
    background-color: #FFF;
}

.ofertaMargin{
    margin-bottom: 40px;
}

.parentV{
    height: 80px;   
    display: table;
}

.childV{
    display: table-cell;
    vertical-align: middle;
}

.calendar{
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;    
}

.calendar tr{
    text-align: center;
}

.week-day{
    color: #6d6e71;
}

.other-month{
    color: #a7a7a7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,fcfcfd+100 */
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #fcfcfd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#fcfcfd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#fcfcfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f5f5 0%,#fcfcfd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#fcfcfd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 0%,#fcfcfd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fcfcfd',GradientType=0 ); /* IE6-9 */

    border: 1px #f2f2f2 solid;
}

.calendar td{
    color: #a7a7a7;
}

.this-month{
    color: #a7a7a7;
}

.calendar tr:not(.week) td{
    border: 1px #e9e9e9 solid;
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(-20deg);  
}

.calendar td:not(.other-month):not(.week-day){
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafbfb+0,eeeeee+100 */
    background: #fafbfb; /* Old browsers */
    background: -moz-linear-gradient(top,  #fafbfb 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafbfb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fafbfb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fafbfb 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fafbfb 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fafbfb 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}

.calendar .highlight{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,9e9e9e+100 */
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 0%, #9e9e9e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#9e9e9e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 0%,#9e9e9e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 0%,#9e9e9e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 0%,#9e9e9e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 0%,#9e9e9e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-9 */

    color: #FFF;
}

.calendar td:not(.other-month):not(.week-day):hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abcf1+0,0196db+100 */
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */    

    color: #FFF;
}

.calendar td:not(.other-month):not(.week-day).cellActive, .calendar .highlight.cellActive{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4abcf1+0,0196db+100 */
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */

    color: #FFF;
}

#meeting div.form-group input, #meeting div.form-group select{
    transform: skewX(20deg); 
    border: none;
    background: transparent;
}

#meeting div.form-group input:focus, #meeting div.form-group select:focus{
    border: none;
    box-shadow: none;
}

#meeting div.form-group span{

    display: block;
    padding: 0 5px;
    border: 1px #e9e9e9 solid;
    -ms-transform: skewX(20deg); /* IE 9 */
    -webkit-transform: skewX(20deg); /* Safari */
    transform: skewX(-20deg);    

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,fafafb+100 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 0%, #fafafb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#fafafb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#fafafb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 0%,#fafafb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 0%,#fafafb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 0%,#fafafb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#fafafb',GradientType=0 ); /* IE6-9 */    
}

#meeting div.form-group span.error, .error{
    border: 1px solid #990000;
}

#referencje .owl-buttons{
    bottom: 0px;
    width: 100%;
    left: 0;    
}

#referencje .owl-page{
    visibility: hidden;
}

#referencje .owl-buttons div{
    background: #4abcf1; /* Old browsers */
    background: -moz-linear-gradient(top,  #4abcf1 0%, #0196db 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4abcf1 0%,#0196db 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4abcf1 0%,#0196db 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 ); /* IE6-9 */    

    color: #FFF;    
}

.referencjeContainer img{
    height: 250px;
}

.sliderClipWrapperRef{
    display: block;
    height: 250px;
    position: absolute;
    z-index: 1;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+55,0.7+73 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(115,115,115,0) 55%, rgba(69,69,69,0.7) 73%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(55%,rgba(115,115,115,0)), color-stop(73%,rgba(69,69,69,0.7)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(115,115,115,0) 55%,rgba(69,69,69,0.7) 73%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(115,115,115,0) 55%,rgba(69,69,69,0.7) 73%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(115,115,115,0) 55%,rgba(69,69,69,0.7) 73%,rgba(0,0,0,0.7) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(115,115,115,0) 55%,rgba(69,69,69,0.7) 73%,rgba(0,0,0,0.7) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}

.referencjeContainer h3{
    font-weight: 300;
    position: absolute;
    bottom: 30px;
    z-index: 3;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    width: 250px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;    
}

.referencjeContainer h4{
    font-weight: 300;
    position: absolute;
    bottom: 10px;
    z-index: 3;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
    width: 250px;
    text-align: center;
    font-size: 10px;
    font-weight: 300;    
}

.clicked{
    cursor: pointer;
}

#owl-slider{
    margin-top: 100px;
}

#owl-slider3.owl-theme .owl-controls{
    margin-top: 30px;
    margin-bottom: 10px;    
}

.myFancy{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: flex;
}

.myFancy img{
    margin: auto;
    max-width: 100%;
    max-height: auto;
}

#kontakt{
    padding-bottom: 5px;
    position: relative;
}

#kontakt:after{
    content: ">";
    transform: rotate(-90deg);
    position: absolute;
    width: 25px;
    height: 25px;
    bottom: -22px;;
    background-color: #0096db;
    padding: 3px 0px 0px 10px;
    border-radius: 5px;
    left: 77%;
    z-index: 1;
    color: #303030;
    cursor: pointer;
}

.blackBg{
    background-color: #0b0b0b;
}


#footer-table {
    display: table;
    width: 100%;
    color: #525252;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Robot', sans-serif;
}

#footer-table h3{
    color: #FFF;
    font-size: 16px;
    font-family: 'Robot', sans-serif;
    margin-bottom: 20px;
}

#footer-table .col {
    display: table-cell;
    padding: 10px;
}

#footer-table .col:nth-of-type(1){
    width: 40%;
    border-right: #1a1a1a 1px solid;
    background-color: #0e0e0e; 
    vertical-align: middle;
}
#footer-table .col:nth-of-type(1) img{
    margin-right: 60px;
}

#footer-table .col:nth-of-type(2){
    width:15%;
    text-align: left;
    padding-left: 60px;
    font-size: 14px;
}

#footer-table .col:nth-of-type(3){
    width: 20%;
    text-align: left;
}

#contactForm .form-control{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121212+0,2e2e2e+100 */
    background: rgb(18,18,18); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(18,18,18,1) 0%, rgba(46,46,46,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,18,18,1)), color-stop(100%,rgba(46,46,46,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(18,18,18,1) 0%,rgba(46,46,46,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(18,18,18,1) 0%,rgba(46,46,46,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(18,18,18,1) 0%,rgba(46,46,46,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(18,18,18,1) 0%,rgba(46,46,46,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#121212', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */

    border-color: #1a1a1a;
    
    font-size: 12px;

}

#contactForm .btn-blue{
    color: #303030;
}

.maps iframe{
    /*pointer-events: none;*/
    width: 100%;
    
    -webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.imgCell img{
    max-height: 100%;
    max-width: 100%;
}

.imgCell{

}

.imgCell span{
    width: 180px;
    display: block;
    height: 180px; 
    margin-bottom: 20px;
    line-height: 180px;
    cursor: pointer;
}

.sliderRealizacje .owl-buttons{
    right: 32px;
    bottom: -25px;
    left: 0;
}

.sliderRealizacje .owl-controls .owl-buttons div{
    background: #4abcf1;
    background: -moz-linear-gradient(top, #4abcf1 0%, #0196db 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4abcf1), color-stop(100%,#0196db));
    background: -webkit-linear-gradient(top, #4abcf1 0%,#0196db 100%);
    background: -o-linear-gradient(top, #4abcf1 0%,#0196db 100%);
    background: -ms-linear-gradient(top, #4abcf1 0%,#0196db 100%);
    background: linear-gradient(to bottom, #4abcf1 0%,#0196db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4abcf1', endColorstr='#0196db',GradientType=0 );
    color: #FFF;   
}

.sliderRealizacje{
    margin-bottom: 20px;
}

.clearSlider{
    cursor: pointer;
}

.submenu{
    cursor: pointer;
}

.lista{
    display: none;
}

.galeria{
    cursor: pointer;
}

.bold{
    font-weight: 700;
}

.relImg{
    height: 250px;
    margin-top: 20px;
    margin-right: 1.33%;

    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* Firefox 35+ */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */    

    cursor: pointer;
}

.relImg:hover{
    filter: none;
    -webkit-filter: grayscale(0);   
}

.relImg .sliderClipWrapper{
    left: 0;
}

.gradientDarker{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,000000+70&0+50,0.75+70 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 50%, rgba(0,0,0,0.75) 70%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,255,0)), color-stop(70%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(0,0,0,0.75) 70%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(0,0,0,0.75) 70%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 50%,rgba(0,0,0,0.75) 70%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 50%,rgba(0,0,0,0.75) 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */

    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.relImg .blueRuler{
    width: 10%;
    height: 2px;
    background-color: #0197db;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.relImg h3{
    font-size: 24px;
    font-weight: 300;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    bottom: 24px;
    position: absolute;
    font-size: 32px;
    font-family: 'Roboto', sans-serif;
    z-index: 2;
}

.relImg p{
    font-size: 24px;
    font-weight: 300;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    color: #FFF;
    bottom: 3px;
    position: absolute;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;   
    z-index: 2;
}

.hideItem{
    display: none;
}

#showAll{
    color: #0196db;
    cursor: pointer;
}

@media all and (max-width:1200px){ 
    header .menu li{
        padding-left: 10px;
        padding-right: 10px;
    }  

    #footer-table .col:nth-of-type(1){
        display: none;
    }

    .owl-controls{
        display: none!important;
    }   
}

@media all and (max-width: 992px){
    #owl-slider{
        margin-top: 70px;
    }

    .sliderH1{
        bottom: 10px;
        top: initial;
    }

    .sliderH1 h1{
        font-size: 36px;
    }

    .underline{
        width: 100%;
    }

    #firma .row:not(:first-of-type){
        margin-top: 0;
    }

    #kontakt:after{
        display: none;
    }

    #footer-table .col:nth-of-type(2){
        width: 100%;
        padding-left: 30%;
    } 
    #footer-table .col:nth-of-type(3), #footer-table .col:nth-of-type(4){
        display: none;
    }  

    .galerie{
        width: 100%!important;
    }

    .imgCell span{
        width: 100%;
        background-size: initial;
    }

    #firma, #oferta, #realizacje, #kontakt, #footer-table{
        position: relative;
        top: 70px;
    }    

}

@media all AND (min-width: 992px) AND (max-width:1200px){
    .sliderH1{
        bottom: 40px;
        top: initial;
    }

    #footer-table .col:nth-of-type(2), #footer-table .col:nth-of-type(3){
        width: 50%;
    }  

    #footer-table .col:nth-of-type(2){
        padding-left: 20%;
    }

    #footer-table .col:nth-of-type(3){
        padding-right: 20%;
    }

}