/* 
    Created on : 2015-09-17, 19:30:35
    Author     : kbartczak
*/
/*****XXS*****/
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8{
    float:left;position:relative;min-height:1px;
}
@media (max-width: 480px) {
    .col-xxs-8{width:100%}.col-xxs-7{width:87.5%}.col-xxs-6{width:75%}.col-xxs-5{width:62.5%}.col-xxs-4{width:50%}.col-xxs-3{width:37.5%}.col-xxs-2{width:25%}.col-xxs-1{width:12.5%}.col-xxs-pull-8{right:100%}.col-xxs-pull-7{right:87.5%}.col-xxs-pull-6{right:75%}.col-xxs-pull-5{right:62.5%}.col-xxs-pull-4{right:50%}.col-xxs-pull-3{right:37.5%}.col-xxs-pull-2{right:25%}.col-xxs-pull-1{right:12.5%}.col-xxs-pull-0{right:auto}.col-xxs-push-8{left:100%}.col-xxs-push-7{left:87.5%}.col-xxs-push-6{left:75%}.col-xxs-push-5{left:62.5%}.col-xxs-push-4{left:50%}.col-xxs-push-3{left:37.5%}.col-xxs-push-2{left:25%}.col-xxs-push-1{left:12.5%}.col-xxs-push-0{left:auto}.col-xxs-offset-8{margin-left:100%}.col-xxs-offset-7{margin-left:87.5%}.col-xxs-offset-6{margin-left:75%}.col-xxs-offset-5{margin-left:62.5%}.col-xxs-offset-4{margin-left:50%}.col-xxs-offset-3{margin-left:37.5%}.col-xxs-offset-2{margin-left:25%}.col-xxs-offset-1{margin-left:12.5%}.col-xxs-offset-0{margin-left:0}
    .pull-right-xxs{float:right !important;}.pull-left-xxs{float:left !important;}
    .hidden-xxs{display:none;}
    .visible-xxs{display:block !important}
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .logo {
	width:20% !important
    }
}
a{
    text-decoration: underline;
    color:rgb(53, 59, 64);
}
a:hover,
a:focus,
a:active{
    text-decoration: none;
    outline: none !important;
    color:rgb(53, 59, 64);
}
#window{
    position: fixed;
    top:0;
    bottom:0;
    z-index: -1
}
#page-17 [data-animation-scrool],
.hidden-a{
    opacity:0;
}
.visible-a{
    opacity:1;
}
*,
*:hover,
*:focus,
*:active{
    outline: none !important;
    box-shadow: 0 0 0 !important;
}
.btn.btn-default:not(.dropdown-toggle):focus,
.btn.btn-default:not(.dropdown-toggle):active,
.btn.btn-default:not(.dropdown-toggle){
    border-width: 1px !important;
    border-color: #353b40;
    background: #fff;
}
.btn.btn-default:hover{
    background:  #353b40;
    color: #fff;
}
.btn-file{
    position: relative;
    overflow: hidden;
}
.btn-file .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#secondary-menu{
    margin-top:-45px;
    position: relative
}

#search{
    margin-top:15px;
    z-index: 100;
    position: relative;
}
#search.showed{
    z-index: 102;
}
*{
    border-radius: 0 !important;
}
.input-group *{
    border-width: 0 0 1px 0 !important;
    border-color: #353b40 !important;
    box-shadow: 0 0 0 !important;
    background: none;
    font-style: italic;
    -webkit-transition: all 0.s; /* Safari */
    transition: all 0.3s;
}
.showed .input-group *{
    border-color: #fff !important;
    color:#fff !important;
}

#search .input-group  * {
    font-size: 26px;
    height:45px;
}
#search .icon-search{
    font-size:32px;
}
.btn{
    border-width: 0 !important 
}
.btn-lg {
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    padding: 2px 14px;
}
.btn-warning,
.btn-warning:focus,
.btn-warning:active{
    background-color: #e8b528 !important;
}
.btn-warning:hover{
    background-color: #353b40 !important;
}
/* tooglable-navbar */
header {
    background: #fff none repeat scroll 0 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 101;
}
body{
    overflow-x: hidden;
    font-family: 'Fira Sans', sans-serif;
    text-rendering: optimizeLegibility !important; 
    font-size:16px;
}
#tooglable-navbar{
    z-index: 101;
    position: relative
}
#tooglable-navbar > div {
    position: absolute;
    background: rgba(73, 78, 83, 0.9) none repeat scroll 0% 0%;
    right: -100%;
    top:-50px;
    display: block;
    width: 100%;
    -webkit-transition: right 0.5s; /* Safari */
    transition: right 0.5s;
    padding:0 10%;
}
#tooglable-navbar > div::before{
    position: absolute;
    background: rgba(73, 78, 83, 0.9) none repeat scroll 0% 0%;
    bottom:100%;
    top:-1000px;
    left:0;
    right:0;
    content:''
}
#tooglable-navbar > div::after{
    position: absolute;
    background: rgba(73, 78, 83, 0.9) none repeat scroll 0% 0%;
    top:100%;
    bottom:-100000px;
    left:0;
    right:0;
    content:''
}
#tooglable-navbar .btn-warning {
    position: absolute;
    right: 100%;
}
#tooglable-navbar.showed  > div {
    right:0
}
.nav-big{
    font-size: 36px;
    margin-bottom: 60px;
}

@media (max-width: 750px) {
    .nav-big{
	font-size: 24px;
	margin-bottom: 40px;
    }
}
@media (max-width: 480px) {
    .nav-big{
	font-size: 18px;
	margin-bottom: 30px;
    }
}
.nav-big a{
    color:#fff;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
}
.nav-big a:focus,
.nav-big a:hover{
    background: transparent;
    text-decoration: none;
    color:#e8b528;
}
.btn-x:active,
.btn-x:focus,
.btn-x{
    position: absolute;
    top:-60px;
    right:10px;
    font-size: 36px;
    color:#fff;
    font-style: italic;
    text-transform: uppercase;
}
.btn-x:hover{
    background: transparent;
    text-decoration: none;
    color:#e8b528;
}
.menu{
    list-style: none;
    padding: 0;
}
/*** secondary-menu ***/
#secondary-menu a:focus,
#secondary-menu a{
    font-style: italic;
    color:#353b40;
    font-size: 18px;
    background: none;
    text-decoration: none;
}

#secondary-menu .active a,
#secondary-menu a:hover,
#secondary-menu a:active{
    background: none;
    text-decoration: none;
    color:#353b40;
}
#secondary-menu .underline{
    border-bottom:1px solid #353b40;
    display: block;
    position: absolute;
    top:40px;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
/***** menu - small ****/
.nav-small {
    display: block;
}
.nav-small li{
    display: inline;
}
.nav-small a{
    color:#fff;
    font-size: 14px;
    font-style: none;
    text-transform: uppercase;
    text-decoration: none;
}
.nav-small li + li:before {
    content:" | ";
    color:#fff;
}
.nav-small a:hover,
.nav-small a:focus,
.nav-small a:active{
    background: none !important;
    text-decoration: none !important;
    color:#e8b528 !important;
}
/******* page ************/
#page h1{
    margin-right: 20%;
    text-align: right;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    letter-spacing: -4px;
    margin-bottom: -16px;
}
#page h1:after{
    content:'';
    width:18%;
    height: 15px;
    background: #e8b528;
    display: block;
    position: absolute;
    right: 0;
    bottom:0px;

}
#page h2{
    border-bottom:#41474b 1px solid;
    margin-top:25px;
    margin-bottom: 25px;
}
#page.kontakt h2{
    border-color: transparent
}
#page h2 span {
    background-color: #fff;
    display: inline-block;
    margin-bottom: -9px;
    padding: 0;
}
#page .pull-right h2 span {
    padding: 0 10px 0 0;
}
#page h2 span {
    padding: 0 0 0 10px ;
}
.reference h3,
.presses h3{
    padding-left: 40px;
    cursor: pointer
}
.reference h3 .icon-quote-left,
.presses h3 .icon-award-1 { 
    color: #e8b528;
    font-size: 36px;
    margin-left: -50px;
    position: absolute;
    margin-top:-8px;
}


/******** content ********/
.content{
    padding-left:15px;
    padding-right:15px;
    margin-bottom: 7%;
}
@media (max-width: 1199px) {
    .pull-right > .content{
	padding-left: 15px;
    }
    div:not(.pull-right) > .content{
	padding-right: 15px;
    }

}
#kariera .input-group-addon{
    border-color: #ffffff !important
}
#kariera .btn-default:not(.dropdown-toggle) {
    padding-left: 25px;
    padding-right: 25px;
}
.wpcf7-response-output{
    margin: 0 !important;
    border-color:#e8b528 !important;
    border-width: 1px !important;
}
@media (min-width: 721px) {
    .wpcf7-response-output{
	margin: 0 12.5% !important;
    }
}
@media (min-width: 991px) {
    .wpcf7-response-output{
	margin-right: 25% !important;
    }
}
#kariera .file-name{
    padding: 6px 12px;
}
.caret{
    display:inline-block;
    width:10px;
    height:10px;
    border: 1px solid #41474b;
    border-width: 1px 1px 0 0 !important;
    -ms-transform: rotate(135deg); /* IE 9 */
    -webkit-transform: rotate(135deg); /* Chrome, Safari, Opera */
    transform: rotate(135deg);
    margin-top: -10px !important;
    margin-right: -5px !important;
}
.date-caret.caret {
    margin-left: -17px;
    position: absolute;
    top: 19px;
}
.btn:hover .caret{
    border-color:#fff !important
}
.bootstrap-select > .dropdown-toggle{
    border-bottom: 1px solid #41474b !important;
}
/******** news ********/
.news{
    margin-top:50px;
    display: block;
}
.news .date{
    border-bottom:#41474b 1px solid;
    margin-top:25px;
    margin-bottom: 25px
}
.news .date span {
    background-color: #fff;
    display: inline-block;
    margin-bottom: -9px;
    padding: 0 10px 0 0;
}
.news h2{
    border: none !important; 
}
.news .btn-link{
    text-decoration: underline;
    color:#353b40

}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    padding-left: 25px;
    padding-right: 25px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.thead > *{
    margin-top:25px;
    margin-bottom:25px;
    border: 1px #353b40 solid;
    padding: 7px 0;
    border-width: 1px 0 1px 0
}
.tbody > *{
    padding-right: 15px;

}
/******** footer *********/
footer{
    margin-bottom: 250px;
}
footer a{
    color: #353b40;
}

footer hr{
    border-color: #353b40;
    margin:100px 0 50px
}
footer .h3,
footer .h4{
    margin-top:0;
    margin-right: 20px;
}
.vertical-middle,
.vertical-bottom{
    display: table;
    height: 400px;
    width: 100%;
}
.vertical-bottom > div{
    display: table-cell;
    vertical-align: bottom
}
.vertical-middle > div{
    display: table-cell;
    vertical-align: middle
}
@media (max-width: 992px) {
    .vertical-bottom{	
	height: auto;
	margin-bottom: 25px;
	margin-top: 100px;
    }		   

}
#nl .input-group-addon{
    border-color:#fff !important;
}
#send-nl{
    float:right;
    margin-top:-16px;
}
#newsletter{
    margin: 25px 0;
}
#newsletter .wpcf7-response-output{
    margin:0 !important;
}
#nl{
    margin-bottom: 50px;
}


#overlay{
    position: fixed;
    top:0;
    left:0;
    right:0;
    height:100%;
    background: #fff;
    z-index: 100000
}
.cssload-conveyor{
    position:relative;
    display:block;
    margin: -50px;
    width:107px;
    position: absolute;
    top:50%;
    left:50%;
    z-index: 100001
}

.cssload-conveyor, .cssload-conveyor * {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-conveyor span {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: rgb(232,181,40);
    transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-perspective: 97px;
    -o-transform-perspective: 97px;
    -ms-transform-perspective: 97px;
    -webkit-transform-perspective: 97px;
    -moz-transform-perspective: 97px;
}

.cssload-conveyor span:nth-child(1) {
    animation: cssload-cuve 1.15s 0.58s infinite;
    -o-animation: cssload-cuve 1.15s 0.58s infinite;
    -ms-animation: cssload-cuve 1.15s 0.58s infinite;
    -webkit-animation: cssload-cuve 1.15s 0.58s infinite;
    -moz-animation: cssload-cuve 1.15s 0.58s infinite;
}
.cssload-conveyor span:nth-child(2) {
    animation: cssload-cuve 1.15s 1.15s infinite;
    -o-animation: cssload-cuve 1.15s 1.15s infinite;
    -ms-animation: cssload-cuve 1.15s 1.15s infinite;
    -webkit-animation: cssload-cuve 1.15s 1.15s infinite;
    -moz-animation: cssload-cuve 1.15s 1.15s infinite;
}
.cssload-conveyor span:nth-child(3) {
    animation: cssload-cuve 1.15s 1.73s infinite;
    -o-animation: cssload-cuve 1.15s 1.73s infinite;
    -ms-animation: cssload-cuve 1.15s 1.73s infinite;
    -webkit-animation: cssload-cuve 1.15s 1.73s infinite;
    -moz-animation: cssload-cuve 1.15s 1.73s infinite;
}
.cssload-conveyor span:nth-child(4) {
    animation: cssload-cuve 1.15s 2.3s infinite;
    -o-animation: cssload-cuve 1.15s 2.3s infinite;
    -ms-animation: cssload-cuve 1.15s 2.3s infinite;
    -webkit-animation: cssload-cuve 1.15s 2.3s infinite;
    -moz-animation: cssload-cuve 1.15s 2.3s infinite;
}
.cssload-conveyor span:nth-child(5) {
    animation: cssload-cuve 1.15s 2.88s infinite;
    -o-animation: cssload-cuve 1.15s 2.88s infinite;
    -ms-animation: cssload-cuve 1.15s 2.88s infinite;
    -webkit-animation: cssload-cuve 1.15s 2.88s infinite;
    -moz-animation: cssload-cuve 1.15s 2.88s infinite;
}



@keyframes cssload-cuve {
    0% {
	transform: rotateY(-90deg) perspective(49px);
	background: rgba(232,181,40,0.21);
    }
    50% {
	transform: rotateY(0deg);
	background: rgb(232,181,40);
    }
    100% {
	transform: rotateY(90deg) perspective(49px);
	transform-origin: 100% 50%;
	background: rgba(232,181,40,0.14);
    }
}

@-o-keyframes cssload-cuve {
    0% {
	-o-transform: rotateY(-90deg) perspective(49px);
	background: rgba(232,181,40,0.21);
    }
    50% {
	-o-transform: rotateY(0deg);
	background: rgb(232,181,40);
    }
    100% {
	-o-transform: rotateY(90deg) perspective(49px);
	-o-transform-origin: 100% 50%;
	background: rgba(232,181,40,0.14);
    }
}

@-ms-keyframes cssload-cuve {
    0% {
	-ms-transform: rotateY(-90deg) perspective(49px);
	background: rgba(232,181,40,0.21);
    }
    50% {
	-ms-transform: rotateY(0deg);
	background: rgb(232,181,40);
    }
    100% {
	-ms-transform: rotateY(90deg) perspective(49px);
	-ms-transform-origin: 100% 50%;
	background: rgba(232,181,40,0.14);
    }
}

@-webkit-keyframes cssload-cuve {
    0% {
	-webkit-transform: rotateY(-90deg) perspective(49px);
	background: rgba(232,181,40,0.21);
    }
    50% {
	-webkit-transform: rotateY(0deg);
	background: rgb(232,181,40);
    }
    100% {
	-webkit-transform: rotateY(90deg) perspective(49px);
	-webkit-transform-origin: 100% 50%;
	background: rgba(232,181,40,0.14);
    }
}

@-moz-keyframes cssload-cuve {
    0% {
	-moz-transform: rotateY(-90deg) perspective(49px);
	background: rgba(232,181,40,0.21);
    }
    50% {
	-moz-transform: rotateY(0deg);
	background: rgb(232,181,40);
    }
    100% {
	-moz-transform: rotateY(90deg) perspective(49px);
	-moz-transform-origin: 100% 50%;
	background: rgba(232,181,40,0.14);
    }
}
.employee-list{
    display: none;
}
.toggled .employee-list{
    display: block
}
.toggle-employee-list span.out{
    display: none;
}
.toggled .toggle-employee-list span.in{
    display: none;
}
.toggled .toggle-employee-list span.out{
    display: block;
}