/*!
Theme Name: TS
Author: Tomczak Stanisławski
Author URI: http://tomczak-stanislawski.pl/
Version: 2.0.0
*/
@-ms-viewport {width: device-width;}
html,body,ul,ol{font-weight: 300;padding: 0;margin: 0;}body *{outline:none !important;}.autowidth{width:auto;}.half{width:50%;}.clear{clear:both;}.left{float:left;}.left.wide{float:left;width:100%;}.right,.sprite.right{float:right;}.indent{text-indent:-99999px;}.center{text-align:center;}.upp{text-transform:uppercase;}.sprite{background: url(gfx/sprite.png) 0 0 no-repeat;float:left;}.rel{position:relative;}.abs{position:absolute;}.abs.link{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}.trans,a,img,::before,::after,svg{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transSlowAll,.transSlowAll *{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}.transAll,.transAll *{-webkit-transition: all ease-out 0.3s;-moz-transition: all ease-out 0.3s;-o-transition: all ease-out 0.3s;transition: all ease-out 0.3s;}.radius{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.showOnTablet,.showOnMobile,.showOn480,.showOn320{display:none;}.z2{z-index:2;}.z10{z-index:2;}
ul,ol{list-style-position: inside;}
.transSlow{-webkit-transition: all ease-out 0.6s;-moz-transition: all ease-out 0.6s;-o-transition: all ease-out 0.6s;transition: all ease-out 0.6s;}
.transSuperSlow{-webkit-transition: all ease-out 1.6s;-moz-transition: all ease-out 1.6s;-o-transition: all ease-out 1.6s;transition: all ease-out 1.6s;}
a{color:#000;text-decoration: none !important;}
body, html { height: 100%; box-sizing: border-box;color:#000;background:#eeeeee;letter-spacing: 0px;-webkit-text-size-adjust: 100%;}
html * {font-family: "Instrument Sans", sans-serif;line-height: 1.5;}
.middleX {position: relative;transform: translateX(-50%);left:50%;}
.middleY {position: relative;transform: translateY(-50%);top:50%;}
.middleX.middleY,.middleXY {transform: translateX(-50%) translateY(-50%);top:50%;left: 50%;}
img{max-width: 100%;height: auto;border:0;}
p {margin:0 0 20px 0;line-height: 1.6;font-size: 18px;}
div{position: relative;float: left;width:100%;box-sizing: border-box;}

.cky-modal.cky-modal-open{width:auto;}
.cky-preference-wrapper div,.cky-preference-center div{width: auto;float: none;}
.cky-accordion-header-wrapper{width: 100% !important;}
.page404{background: url(gfx/404bg.jpg) center center;background-size: cover;height: calc(100vh - 0px);}
.page404::before{height: 350px;position: absolute;top:0;left: 0;width: 100%;content:'';background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);transform:rotate(180deg);}
.page404 .square{width:58px;height: 58px;float: left;}
.page404 .square svg{transform: rotate(180deg) translate(-50%,-50%);transform-origin: left top;}
.error404 #content{width:100%;height:100vh;min-height: 340px;}.error404 #content .inner{height:100%;}.error404 #content .page-content{width:100%;position: relative;top:50%;transform: translateY(-50%);text-align: center;}.error404 #content .page-content h1{font-size:260px;margin:0;line-height: 1;font-weight:500;}.error404 #content .page-content h2{font-size:60px;margin: 60px 0 70px 0;line-height: 1;font-weight:500;}

#page{overflow: hidden;}
.toanime{opacity: 0.01;-webkit-transition: all ease-out 0.8s;-moz-transition: all ease-out 0.8s;-o-transition: all ease-out 0.8s;transition: all ease-out 0.8s;}
.toanime.active{opacity: 1;}
.toanime.frombottom{transform: translateY(150px);}
.toanime.frombottom.active{transform: translateY(0);}
.toanime.frombottom.middleX{transform: translateX(-50%) translateY(150px);}
.toanime.frombottom.middleX.active{transform: translateX(-50%) translateY(0);}
.toanime.fromtop{transform: translateY(-150px);}
.toanime.fromtop.active{transform: translateY(0);}
.toanime.fromright{transform: translateX(150px);}
.toanime.fromright.active{transform: translateX(0);}
.toanime.fromleft{transform: translateX(-150px);}
.toanime.fromleft.active{transform: translateX(0);}
.middleY.toanime.fromleft {transform: translateX(-150px) translateY(-50%);}
.middleY.toanime.fromleft.active {transform: translateX(0px) translateY(-50%);}
.middleY.toanime.fromright {transform: translateX(150px) translateY(-50%);}
.middleY.toanime.fromright.active {transform: translateX(0px) translateY(-50%);}
footer,header{width:100%;float: left;position: relative;box-sizing: border-box;}

.inner{width:1300px;float: left;transform: translateX(-50%);left:50%;padding: 0 45px;}
.inner.bordered{border-left:1px solid #f3544e;border-right:1px solid #f3544e;}

.firstView {background: url(gfx/homebg.jpg) center center no-repeat;background-size: cover;height: 784px;color:#fff;max-height: 90dvh;}
.firstView h1{line-height: 78px;width:833px;margin: 0;}
.firstView h1 svg{float: left;}
.firstView h1 span{font-size: 52px;font-weight: 400; line-height: 58px;position: relative;border: 1px solid #fff;padding: 0 30px;float: left;height: 58px;box-sizing: border-box;top: 10px;left: 0px;}

.contactView .inner{padding-top:90px;padding-bottom: 130px;}
    .contactView .inner .left.column{width: calc(100% - 378px - 80px);}
        .contactView .inner .left.column h3{font-size: 30px;margin:  80px 0 40px 0;font-weight: 400;line-height: 1.2;}
        .contactView .inner .left.column a{font-size: 25px;margin: 0 0 0px 0;}
    .contactView .inner .right.column{width: 378px;margin-right: -45px;}
.imgonright{position: absolute;left:100%;}

.zkropkami{position: relative;}
.zkropkami::before{width:10px;height: 10px;background: #f3544e;position: absolute;top:0;left: -56px;content:'';}
.zkropkami::after{width:10px;height: 10px;background: #f3544e;position: absolute;bottom:0;left: -56px;content:'';}
.h2{font-size: 60px;font-weight: 400; line-height: 62px;margin: 0 0 40px 0;}

.darkbg,.darkbgonhover:hover{background: #000;}
.redbg,.redbgonhover:hover{background: #f3544e;}
.whitebg,.whitebgonhover:hover{background: #fff;}
.dark,.darkonhover:hover{color:#000;}
.red,.redonhover:hover{color:#f3544e;}
.white,.whiteonhover:hover{color:#fff;}
.gray,.grayonhover:hover{color:#7C7C7C;}

@media (max-width: 1400px) {
    .inner{width: calc(100% - 100px);}
    
}
@media (max-width: 1023px) {
    .firstView h1 {width: 520px;}
    .firstView h1 span{margin-top:30px;}
    .contactView .inner .left.column {width: 100%;}
    .contactView .inner .right.column {width: calc(100% + 90px);margin: 70px -45px 0 0;}
    .contactView .inner .right.column img{width: 100%;height: 465px;object-fit: cover;}
    
}
@media (max-width: 767px) {
    .inner{width: calc(100% - 40px);}
    .firstView h1 {width:100%;}
    .firstView h1 svg {width:300px;left: 50%;transform: translateX(-50%);position: relative;}
    .firstView h1 span {font-size: 30px;left: 50%;transform: translateX(-50%);}
    .h2 {font-size: 35px;line-height: 40px;}
    .contactView .inner {padding-top: 40px;padding-bottom: 40px;}
    .inner {padding-left: 20px;padding-right: 20px;}
    .contactView .inner .right.column {width: calc(100% + 40px);margin: 40px -20px 0 0;}
    .contactView .inner .right.column img{height: 280px;}
    .contactView .inner .left.column h3 {font-size: 25px;margin: 40px 0 40px 0;}
    .contactView .inner .left.column a {font-size: 22px;}
    .imgonright{height: 100%;top: 0;}
}