body, html { background:white;color:black; font-size:14px; padding:0px; margin:0px;height: 100%;text-align:left; background-position: center;font-family: 'Source Sans Pro', sans-serif;}
::selection {background: rgba(230, 47, 39, .6);color: #fff;}
::-moz-selection {background: rgba(230, 47, 39, .6);color: #fff;}
* { margin:0px; padding:0px; }
img{max-width: 100%;}
a{font-size: 18px;letter-spacing: 2px;font-weight: 800;color: #E7302A;text-transform: uppercase;}
a:hover{text-decoration: none;color: #b91a15;}
body.menu-open {height: 100%;overflow: hidden;}
body.menu-open header .logo .dark {display: none;}
body.menu-open header .logo .white {display: block;}
body.menu-open header.maintop #nav-icon1 span {color: #fff;background: #fff;}
body.menu-open header.maintop #nav-icon1 span:nth-child(4) {background: none;}
/* Pager1 styles */
.pager1:before,.pager1:after{display: table;content: '';}
.pager1:after {clear: both;}
.pager1 {padding-left: 0;margin: 20px 0;text-align: center;list-style: none;}
.pager1 li {display: inline;}
.pager1 .previous  a {float: left;}
.pager1 .next  a {float: right;}
.pager1 li>a {display: inline-block;;padding: 5px 14px;color: #000;transition: .4s linear;}
.pager1 li>a:hover {color:#E7302A;transition: .4s linear; }
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;text-align: center;z-index: 9999;background: /*url('../images/preloader.gif') center no-repeat*/ #fbfbfb;}
.playfair{font-family: 'Playfair Display', serif;}
.topcontact-xs p a {color: #fff;font-size: 27px;font-weight: 700;line-height: 1;cursor: pointer;}
.topcontact-xs p{ display: inline-block; }
.topcontact-xs p:first-child {margin-right: 20px;}
.topcontact-xs {padding: 10px 0px 0px 15px;}
.czywi{font-family: "proxima-nova",sans-serif;}
.soc-link {color: #fff;font-weight: 600;line-height: 1;font-size: 25px;display: inline-block;position: relative;padding-bottom: 5px;}
.soc-link:before {height: 3px;width: 0%;position: absolute;bottom: 0;background: #fff;content: '';animation: menuLinkWidthh 2s;}
.soc-link:hover::before {background: #fff;animation: menuLinkWidth 2s;width: 100%;}
.footer-soc-link {font-size: 18px;}
.soc-link:hover {color: #fff;}
.greimg li .dj-image {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s; }
.greimg li:hover .dj-image {-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none;filter: none;transition: all 1s; }
.item-page .rym {list-style: upper-roman;}
.item-page .num {list-style: decimal;}
.item-page .ltr {list-style: lower-latin;}
.item-page ul {padding-left: 20px;}
.item-page ul p {font-size: 14px;font-weight: 700;}
.fancybox-button[disabled] {display: none;}
@keyframes pulsing{
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
@keyframes slideInFromLeft {
    0%{transform: translateX(-100%);}
    70%{transform: rotateZ(3deg);}
    80%{transform: rotateZ(5deg);}
    90%{transform: rotateZ(3deg);}
    100%{transform: translateX(0);}
}
@keyframes rotateYaxis{
    0%{transform: rotateY(0deg);}
    100%{transform: rotateY(360deg);}
}
@keyframes shake {
    10%, 90% {transform: translate3d(-1px, 0, 0);}
    20%, 80% {transform: translate3d(2px, 0, 0);}
    30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
    40%, 60% {transform: translate3d(4px, 0, 0);}
}

.czywi:after{font-family: FontAwesome;content: "\f04b";font-size: 9px;margin: 0 8px 0px;display: table-caption;}
p, dd{color: #333;font-size: 23px;font-weight: 300;line-height: 1.3;}
h1, h2, h3, h4{font-family: "proxima-nova",sans-serif;}
h2{font-size: 48px;font-weight: 700;margin-bottom: 25px;}
h2 span{color: #E7302A;}
h3{font-size: 20px;letter-spacing: 3px;font-weight: 800;color: #E7302A;}
h4{font-size: 15px;color: #EA2F28;font-weight: bold;letter-spacing: 2px;text-transform: uppercase;}
.nopadding{padding-left: 0;padding-right: 0;}
.logo .dark, .fixed .logo .white, .fixed.fixed1 .logo .dark{display: none;}
.fixed .logo .dark, .fixed.fixed1 .logo .white{display: inline-block;}
.container{position: relative;z-index: 2;}
.clr, .clear { font-size:0px; line-height:0px; height:0px; clear:both; }
.sidemenu {position: fixed;top: 40%;right: 0;z-index: 322;}
.sidemenu li {list-style-type: none;margin: 14px 20px;}
.sidemenu li .circle {background: #fff;width: 15px;height: 15px;border-radius: 15px;border: #fff 2px solid;box-shadow: #E7302A 0px 0px 2px;cursor: pointer;}
.sidemenu .circle.selected, .sidemenu .circle.inview{background: #E7302A;}
.sidemenu a:focus, .sidemenu a:hover{color: transparent;}
.mainbanner, .subbanner{position: relative;min-height: 100%;overflow: hidden;z-index: 2;}
.mainbanner{background: #e32c2b;}
.topcontact{padding-top: 140px}
.topcontact .custom{max-width: 400px;}
.topcontact h4{font-size: 17px;color: #B91A16;font-weight: 900;}
.topcontact h2{font-size: 70px;color: #fff;line-height: 1;font-weight: 600;}
.topcontact hr{width: 100px;border: #fff solid 2px;margin: 40px 0 30px;}
.topcontact p{color: #fff;font-size: 44px;font-weight: 500;line-height: 1;}
.topcontact p.tel a, .topcontact p.mail a{color: #fff;font-size: 47px;font-weight: 700;line-height: 1;cursor: pointer;}
.topcontact p.mail a{font-size: 44px;letter-spacing: 0;text-transform: none;}
.layer {position: absolute;display: block;}
#l1 {background-image: url('../images/warstwa2.png');background-repeat: no-repeat;background-position: 50%;width: 100%;height: 100%;z-index: -1;top: 0px;left: 0px;}
#l2 {background-image: url('../images/warstwa3.png');background-repeat: no-repeat;background-position: 50%;width: 100%;height: 100%;z-index: 0;top: 0px;left: 0px;}
#l4{background-image: url('../images/warstwamyszka.png');background-repeat: no-repeat;background-position: 50%;width: 100%;height: 100%;z-index: -2;top: 0px;left: 0px;}
#l3 {background-image: url('../images/lapfin.gif');background-repeat: no-repeat;background-position: 58%;width: 100%;height: 100%;z-index: -3;top: 0px;left: 0px;}

.teleadres img{margin-right: 15px;}
.social img{margin: -4px 15px 0 0;}
.subbanner{background-color: #E7302A;background-repeat: no-repeat;background-size: cover;background-position: bottom center;}
.mainbanner .textonbanner, .subbanner .textonbanner{position: relative;width: 100%;padding: 10% 0 40px 0;animation: slideTekst 4s;}
.textonbanner .custom{max-width: 1450px;margin: auto;padding: 0 15px;}
.textonbanner a{color: #fff;}
.mainbanner .textonbanner .custom p{color: #fff;max-width: 420px;font-weight: 700;font-size: 60px;line-height: 1;}
.subbanner .textonbanner .custom h1{color: #fff;font-weight: 800;font-size: 150px;max-width: 1000px;line-height: 1;}
.subbanner .textonbanner p.playfair{font-size: 31px;line-height: 1.2;font-style: italic;color: #fff;max-width: 500px;}
.mainbanner .textonbanner .custom p:last-child:after{content: '';display: block;width: 100px;height: 3px;margin-top: 60px;background: #fff;}
.mainbanner .textonbanner .custom p:last-child {padding-top: 25px;}
.mainbanner .textonbanner .custom p:first-child{font-size: 16px;margin-bottom: 30px;letter-spacing: 1px;}
::-webkit-input-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
::-ms-placeholder {color: #000;}
::placeholder {color: #000;}
.form_cv{padding: 15px;}
.gbs3{color: #fff;}
.form_cv .gbs3 .form-group{margin-bottom: 0;width: 61%;}
.form_cv .gbs3 label{color: #fff;font-size: 28px;max-width: inherit;}
.form_cv .gbs3 .gcore-display-table{display: inline-block;float: right;width: 400px;}
.form_cv .gbs3 .form-control{background: none;border-radius: 0px;border: none;box-shadow: none;border-bottom: #fff solid;font-size: 24px;color: #fff;}
input#cv{position: absolute;right: 15px;top: 0;width: 30%;opacity: 0;z-index: 2;height: 300px !important;cursor: pointer;}
p.cv_decor{position: absolute;right: 15px;top: 0;width: 30%;border: #fff dashed;height: 300px !important;text-align: center;color: #fff;font-weight: 600;text-transform: uppercase;font-size: 18px;padding-top: 73px;}
p.cv_decor:before{content: '';display: block;margin-right: auto;margin-left: auto;width: 79px;height: 69px;background: url('../images/cv_ikon.png') 50% 50%;margin-bottom: 10px;}
input#submit {position: relative;bottom: -25px;width: 30%;background: #fff;height: 51px !important;border: none;border-radius: 0;text-transform: uppercase;color: #E7302A;font-weight: 900;font-size: 24px;}
input#button5{position: absolute;right: 15px;bottom: 0px;width: 30%;background: #fff;height: 51px !important;border: none;border-radius: 0;text-transform: uppercase;color: #E7302A;font-weight: 900;font-size: 24px;}
#form-row-custom{position: relative;}
input#button5 input{font-size: 1.25em;font-weight: 700;color: white;background-color: black;display: inline-block;}
.cv_send h2{font-size: 74px;margin: 0;color: #fff;font-weight: 800;line-height: 1;max-width: 670px;}
.mainbanner .scroller, .subbanner .scroller{position: absolute;bottom: 40px;width: 100%;text-align: center;}   
.scroller img{cursor: pointer;}
.scroller img:hover{animation-name: pulsing;animation-duration: 0.8s;animation-timing-function: linear;animation-iteration-count: infinite;}
.maintop{position: fixed;width: 100%;padding: 29px;z-index: 4;transition: all 0.4s;}
.maintop p{margin: 7px 4px;}
.menu_trigger{text-align: right;}

/* Icon 1 */
#nav-icon1 {width: 45px;height: 45px;position: relative;float: right;margin: 8px 8px 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.maintop.fixed.fixed1 #nav-icon1 span{color:#fff;background: #fff;}
#nav-icon1 span {display: block;position: absolute;height: 5px;width: 100%;background: #fff;color: #fff;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.maintop.fixed #nav-icon1 span{background: #000;color: #000;}
.maintop.fixed #nav-icon1 span:nth-child(4){background: none;}
#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {top: 12px;}
#nav-icon1 span:nth-child(3) {top: 24px;}
#nav-icon1 span:nth-child(4) {top: 34px;background: none;text-align: center;color: #fff;font-weight: 600;font-size: 17px;}
#nav-icon1.open span:nth-child(1) {top: 18px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}
#nav-icon1.open span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
img#menu_trigger, img#menu_trigger_out{cursor: pointer;}
#menu_trigger, #menu_trigger_out{opacity: 1;transition: opacity 1s;}
#menu_trigger.unvisible, #menu_trigger_out.unvisible{opacity: 0;}
.r-animated{background-image: url('../images/big_r.png');background-repeat: no-repeat;background-position: 100% 50%;background-size: contain;position: absolute;height: 100%;top: 0;left: 0;width: 100%;}
#menuplate{position: fixed;z-index: 3;width: 100%;height: 100%;padding: 30px;background-image: url('../images/menu.png');background-position: top right;background-repeat: no-repeat;background-size: contain;background-color: #E62F27;left: 100%;box-shadow: #111 0px 0px 3px;transition: left .7s;}
#menuplate .bottom{position: absolute;bottom: 0;width: 100%;left: 0;padding: 0 30px 30px;}
#menuplate .bottom p{color: #fff;font-weight: 600;line-height: 1;font-size: 25px;}
#menuplate .bottom p span{display: inline-block;background: #fff;height: 17px;width: 2px;position: relative;top: 4px;margin: 0 12px;}
#menuplate.visible{left: 0%;}
#menuplate .nav{clear: both;padding: 100px 7px 30px;}
#menuplate .nav>li a {cursor: pointer;transition: .4s linear;display: inline-block;}
#menuplate .nav>li a:before{height: 3px;width: 0%;position: absolute;bottom: 0;background: #fff;content: '';animation: menuLinkWidthh 2s;}
#menuplate .nav>li:hover::before {background: #fff;transition: .4s linear;}
#menuplate .nav>li:hover a {transition: .4s linear;}
#menuplate .nav>li:hover a:before {background: #fff;animation:menuLinkWidth 2s; width: 100%;}
@keyframes menuLinkWidth {
    0% {width: 0%;}
    100% {width: 100%;}
}
@keyframes menuLinkWidthh {
    0% {width: 100%;}
    100% {width: 0%;}
}
@keyframes menuLink {
    0% {background: #B91A16;}
    50% {background: #fff;}
    100% {background: #B91A16;}
}
.bigloader {position: relative;margin: auto;overflow: visible;max-width: 700px;max-height: 350px;width: 100%;height: 100%;top: 25%;bottom: 0;left: 0;right: 0;background: url(../images/load.gif) no-repeat;background-size: contain;}
.dws-progress-bar {position: absolute;top: 130%;left: 50%;transform: translate(-50%, -50%);z-index: 100;}
.progress-percentage {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 16px;font-weight: bold;color: #e63127;}
.loader_logo {background:#fff;width:200px;height:200px;z-index:2;border-radius:300px;position:absolute;bottom: 0;left: 50%;margin-left: -100px;margin-bottom: -100px;text-align: center;animation: zoomInPreload 3s infinite;}
@keyframes zoomInPreload {
    0%  {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
}
.loader_logo:before {content: '';height: 100%;display: inline-block;vertical-align: middle;}
.flex-cont {display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;}
.loader_logo img {margin: 0 auto;max-width: 150px;text-align: center;display: inline-block;vertical-align: middle;}
.loader_line {position: absolute;left: 50%;bottom:0;width: 294px;height: 294px;overflow: visible;-webkit-animation: loader_spin 4s infinite linear;animation: loader_spin 4s infinite linear;z-index: 1px;margin-left: -147px;margin-bottom: -147px;}
.bigloader .loader_tophalf {position: absolute;width: 294px;height: 147px;-webkit-border-top-left-radius: 193px;-webkit-border-top-right-radius: 193px;-moz-border-radius-topleft: 193px;-moz-border-radius-topright: 193px;border-top-left-radius: 193px;border-top-right-radius: 193px;background: -moz-linear-gradient(left, rgba(250, 50, 40, 0.5) 0%, #e63127 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 50, 40, 0.5)) color-stop(100%, #e63127));background: -webkit-linear-gradient(left, rgba(250, 50, 40, 0.5) 0%, #e63127 100%);background: -o-linear-gradient(left, rgba(250, 50, 40, 0.5) 0%, #e63127 100%);background: -ms-linear-gradient(left, rgba(250, 50, 40, 0.5) 0%, #e63127 100%);background: linear-gradient(to right, rgba(250, 50, 40, 0.5) 0%, #e63127 100%);}
.bigloader .loader_inner {position: relative;z-index: 1;top: 5px;left: 5px;width: 284px;height: 284px;background-color: white;border-radius: 100%;}
p.desc {width: 50%;float: left;margin-bottom: 40px;}
.bigloader .loader_bottomhalf {position: absolute;top: 147px;width: 294px;height: 147px;-webkit-border-bottom-right-radius: 193px;-webkit-border-bottom-left-radius: 193px;-moz-border-radius-bottomright: 193px;-moz-border-radius-bottomleft: 193px;border-bottom-right-radius: 193px;border-bottom-left-radius: 193px;background: -moz-linear-gradient(left, rgba(250, 50, 40, 0.5) 1%, rgba(77, 196, 226, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(250, 50, 40, 0.5)), color-stop(100%, rgba(77, 196, 226, 0)));background: -webkit-linear-gradient(left, rgba(250, 50, 40, 0.5) 1%, rgba(77, 196, 226, 0) 100%);background: -o-linear-gradient(left, rgba(250, 50, 40, 0.5) 1%, rgba(77, 196, 226, 0) 100%);background: -ms-linear-gradient(left, rgba(250, 50, 40, 0.5) 1%, rgba(77, 196, 226, 0) 100%);background: linear-gradient(to right, rgba(250, 50, 40, 0.5) 1%, rgba(77, 196, 226, 0) 100%);}
.bigloader .loader_button {width: 20px;height: 20px;background: rgb(230, 50, 40);border: 5px solid #fff;box-shadow: 0 0 5px 0px rgba(0,0,0,0.2);position: absolute;right: -7px;top: 50%;margin-top: -10px;z-index: 1;border-radius: 100px;}
@-webkit-keyframes loader_spin {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes loader_spin {
    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
#menuplate .nav>li>ul{margin-left: 35px;display: none;}
#menuplate .nav>li>ul li, #menuplate .nav>li>ul li a{color: #fff;font-size: 21px;}
#menuplate .nav>li>ul.show{display: block;}
#menuplate .nav>li>a, #menuplate .nav-header{color: #fff;font-weight: 900;font-size: 35px;line-height: 1.2;text-transform: none;padding: 0px;cursor: pointer;}
#navbar ul.navbar-nav li:hover a, #navbar ul.navbar-nav li:focus a, #navbar ul.navbar-nav li.active:hover a, #navbar ul.navbar-nav li.active:focus a,.nav>li>a:focus, .nav>li>a:hover{background: none;}
.navbar-toggle .icon-bar{background: #777;}
#about{position: relative;min-height: 950px;}
#about p{margin-bottom: 20px;}
#about .playfair{font-size: 31px;line-height: 1.2;font-style: italic;}
.mov_bg{opacity: 0;transition: opacity 1s;}
.mov_bg.appear{opacity: 1;}
#about .mov_bg{background-image: url('../images/about_bg.png');background-repeat: no-repeat;position: absolute;height: 924px;width: 203px;top: 0;right: 0;z-index: 1;}
#about .left{text-align: center;padding: 230px 0 100px;}
#about .right{padding: 190px 15px;}
#work{position: relative;min-height: 1150px;padding-top: 80px;}
#work h2{text-align: center;margin-bottom: 60px;}
#work .mov_bg{background-image: url('../images/real_bg.png');background-repeat: no-repeat;position: absolute;height: 900px;width: 403px;top: 0;left: 0;z-index: 1;}
#work .cell, .team .cell{height: 450px;padding: 8px;display: table;}
#work .cell .custom, .team .cell .custom{background-size: cover;position: relative;height: 100%;text-align: left;padding: 15px 40px;display: table-cell;vertical-align: bottom;text-align: left;background-repeat: no-repeat;overflow: hidden;}
#work .cell .custom .img_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: 50% 50%;filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: all 0.9s;}
#work .cell .custom .black_mask{height: 100%;position: absolute;width: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.45);z-index: 0;}
#work .cell .custom:hover .img_bg{-webkit-filter: none;filter: none;}
#work .cell .custom h4, #work .cell .custom p{z-index: 1;position: relative;}
#work .cell .custom h2, .team .cell .custom h2, .team .cell .custom h2 a{margin: 8px 0 11px;color: #fff;text-align: left;font-weight: 800;font-size: 37px;z-index: 1;position: relative;}
#work .cell .custom a{font-size: 15px;color: #EA2F28;font-weight: bold;letter-spacing: 1px;text-transform: uppercase;}
.rowm{margin: 50px 0;clear: both;}

.team .cell .custom {position: relative;}
.team .cell .custom::before {
    background: rgba(0,0,0,.3);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    content: '';
}
.team .cell .custom h2,
.team .cell .custom h4 {visibility: hidden;}
.team .cell:last-child .custom h2,
.team .cell:last-child .custom h4 {
 visibility: visible;
}
.team .cell:last-child .custom::before {
    display: none !important;
}
.team .cell .custom:hover h2,
.team .cell .custom:hover h4 {visibility: visible;z-index: 1;position: relative;}
.team .cell .custom:hover::before {
    display: block;
}
#clients{position: relative;min-height: 1290px;}
#clients .left{padding: 230px 15px 100px;}
#clients .right{padding: 215px 15px 100px;text-align: center;}
#clients .mov_bg{background-image: url('../images/clients_bg.png');background-repeat: no-repeat;position: absolute;height: 1128px;width: 206px;top: 0;right: 0;z-index: 1;}
#contact{min-height: 900px;position: relative;z-index: 1;padding-top: 208px;background-image: url('../images/contact_bg.jpg');background-position-x: 50%;background-position-y: 0;}
#contact h4{font-size: 35px;font-weight: 600;margin-left: 10px;letter-spacing: 4px;}
#contact h1{color: #fff;font-size: 150px;font-weight: 700;line-height: 0.9;}
#contact p:last-child{margin-top: 70px;margin-left: 15px;}
#contact a:hover {background: #b91a15; transition: .4s;}
#contact a{color: #fff;background: #E7302A;padding: 20px 40px;font-size: 31px;transition: .4s;}
#footer{min-height: 500px;background: #e32b2b;color: #fff;position: relative;z-index: 1;}
#footer .top a {color: #fff;}
#footer .top{min-height: 430px;background: url('../images/stopka1.gif') center bottom no-repeat;background-position-y: 107%;}
#footer .top video {position: absolute;bottom:30px;right:0;left: 0;}
.wecreatideas {position: absolute;height: 170px;width: 198px;content: '';background: url(../images/wecreateideas.png) no-repeat;right: 0;top: 70px;background-size: contain; }
#footer .top p{margin: 0;color: #fff;font-weight: 600;line-height: 1.3;font-size: 22px;}
#footer .top .ftrdata img{margin: 70px 0;}
#footer .bottom{position: relative;min-height: 70px;background: #B91A16;text-transform: uppercase;letter-spacing: 1px;}
#footer .bottom .left{padding-top: 24px;}
#footer .bottom .right{padding-top: 22px;font-weight: 700;font-size: 19px;text-align: right;}
#footer .bottom .center{padding-top: 15px;}
#footer .bottom .center ul{display: table;margin: auto;}
#footer .nav>li{display: inline-block; }
#footer .nav>li>a{font-size: 14px;font-weight: 600;color: #fff;}
#scrollupcont{position: absolute;right: 0;bottom: 0;background-color: #D11F1B;height: 70px;width: 70px;text-align: center;padding-top: 20px;   z-index: 50;}
#scrollup{cursor: pointer;}
#scrollup:hover{animation-name: pulsing;animation-duration: 0.8s;animation-timing-function: linear;animation-iteration-count: infinite;}
.media-container, .onas-container{overflow-x: auto;position: relative;padding-top: 100px;}
.onas-container{padding-top: 145px;}
.media-container .row .image{position: relative;z-index: -1;opacity: 0;transition: all 2s;}
.media-container .row.is-vis .image{opacity: 1;}
.media-container .row1 .image{right: -300px;}
.media-container .row1.is-vis .image{right: 0;}
.media-container .row2 .image{top: -300px;}
.media-container .row2.is-vis .image{top: 0;}
.media-container .row3 .image{bottom: -300px;}
.media-container .row3.is-vis .image{bottom: 0;}
.media-container .row4 .image{left: -300px;}
.media-container .row4.is-vis .image{left: 0;}
.content .inner:before {position: absolute;height: 100%;content: ' ';}
.content .inner{max-width: 540px;display: table;vertical-align: middle;height: 100%;position: relative;}
.content h3{text-transform: uppercase;letter-spacing: 1px;font-size: 18px;font-weight: 600;}
.onas-container p.playfair{font-style: italic;font-size: 28px;font-weight: 500;line-height: 1;color: #000;}
.remediato-container{position: relative;height: 750px;background-color: #E8E8E8;background-image: url('../images/onas_zdjecie_tlo.jpg');background-position: 50% 50%;z-index: 2;}
.remediato-container h2{font-weight: 700;}
.remediato-container .txt{padding-top: 115px;}
.remediato-container ul{margin-left: 20px;}
.remediato-container ul li{position: relative;color: #555555;font-size: 24px;font-weight: 600;line-height: 2.4;font-family: "proxima-nova",sans-serif;list-style-type: none;}
.remediato-container ul li:before{content: '';display: block;width: 6px;height: 6px;border-radius: 7px;background: #E83028;position: absolute;left: -18px;top: 25px;}
.remediato-container .re-animated{background-image: url('../images/onas_RE.png');width: 822px;height: 512px;z-index: 2;position: absolute;bottom: -50px;right: 500px;opacity: 1;transition: all .5s;}
.remediato-container .re-animated.is-vis{right: 0;opacity: 0.8;}
.team{position: relative;padding-top: 130px;padding-bottom: 120px;text-align: center;}
.team p{font-weight: 400;}
.team .cell .custom{transition: all .4s;}
.team .cell:not(:last-child) .custom:hover{transform: scale(1.1);z-index: 10;}
.team .cell:last-child .custom{vertical-align: middle;background-color: #E7302A;background-position-y: 500px;transition: all .4s inline;}
.team .cell:last-child .custom:hover{background-position-y: 50px;}
.team .cell:last-child .custom h2{font-weight: 600;font-size: 48px;}
.team .mov_bg{background-image: url('../images/onas_team.png');background-repeat: no-repeat;position: absolute;height: 924px;width: 203px;top: 0;right: 0;z-index: 1;}
.insta-feed{position: relative;min-height: 1000px;padding-top: 100px;padding-bottom: 120px;text-align: center;}
.insta-feed .mov_bg{background-image: url('../images/facebook.png');background-repeat: no-repeat;position: absolute;height: 924px;width: 408px;top: 0;left: 0;z-index: 1;}
.portfolio{padding-bottom: 100px;}
.portfolio .item{height: 690px;margin-top: 200px;position: relative;top: 80px;opacity: 0;transition: all .6s;}
.portfolio .item.is-vis{top: 0;opacity: 1;}
.portfolio .item .item-bg{height: 100%;background-size: cover;background-position: 50% 50%;transition: all .2s;}
.portfolio .item .item-bg .page-header{display: none;}
.readmore{position: absolute;bottom: 0;padding: 30px;margin: 0;}
.readmore a{color: #fff;font-weight: 800;font-size: 20px;}
.readmore a:hover{color: #ccc;}
.counting{font-size: 400px;font-weight: 900;position: absolute;top: -217px;left: 10px;color: #E7302A;z-index: 2;font-family: "proxima-nova",sans-serif;}
.portfolio .item:hover .item-bg{transform: scale(1.1);}
.items-row:nth-child(even) .counting{right: 10px;left: auto;}
.portfolio .pagination{width: 100%;}
.portfolio .pagination li{display: inline-block;margin: 0 6px;}
.pull-none.item-image{display: none;}
.item-page{padding-top: 90px;}
.item-page .fields-container{float: left;margin: 0 20px 20px 0;width: 100%;}
p.desc {width: 100%;float: left;margin-bottom: 40px;}
.item-page .fields-container dd{padding: 15px 0;max-width: 390px;}
.item-page .fields-container dd span{display: block;}
.item-page .fields-container dd span:first-child{text-transform: uppercase;color: #E7312D;font-size: 17px;font-weight: 900;letter-spacing: 1px;}
.item-page .fields-container dd:first-child span:nth-child(2){font-size: 35px;font-weight: 700;}
.textonbanner .custom .pol {width: 48%;}
.textonbanner .custom .pol h1 {font-size: 60px;font-weight: 700;}
.textonbanner .custom .pol .podtitle {font-size: 31px;line-height: 1.2;font-style: italic;color: #fff;max-width:500px;margin: 40px 0 0px 0;padding: 50px 0;position: relative;}
.textonbanner .custom .pol .podtitle::before {top: 0;left: 0;height: 3px;width: 100px;background: #b91a16; content: '';position: absolute;}
.textonbanner .custom .pol .flex-box {display: flex;flex-flow: row wrap; justify-content: space-between;align-content: flex-end;}
.textonbanner .custom .pol .flex-box .elem-box p {line-height:24px;font-size: 24px;color: #fff;}
.subtitle {color: #b91a16;font-size: 16px;letter-spacing: 2px;text-transform: uppercase;font-weight: 900;}
.kontakt-page {padding: 100px 0;position: relative;background: url(../images/cuprem.png) 230px 100% no-repeat; }
.kontakt-page .kontakt-page-content {width: 50%;}
.kontakt-page .kontakt-page-content .title-section {margin-bottom: 100px;}
.kontakt-page .kontakt-page-content .title-section p.nadtitle {color: #e63027;font-weight: 700;text-transform: uppercase;font-size: 16px;letter-spacing: .2em;}
.kontakt-page .kontakt-page-content .title-section h2 {position: relative;padding-bottom: 30px;font-size: 72px; line-height:100px;}
.kontakt-page .kontakt-page-content .title-section h2::before{bottom: 0;left: 0;height: 4px; width: 100px;position: absolute; content: '';background: #e63027;}
.kontakt-page .kontakt-page-content .title-section .subbtitle {font-size: 48px;line-height: 60px;font-weight: 500;width: 60%;}
.kontakt-page .flex-box {display: flex;flex-flow: row wrap; justify-content: space-between;}
.kontakt-page .dzialy-list .item-list {width: 45%;margin-bottom: 50px;}
.kontakt-page .dzialy-list .item-list .title-item {font-size: 22px;font-weight: 700;color: #010101;line-height: 24px;margin-bottom: 30px;}
.kontakt-page .dzialy-list .item-list .content-item p {font-size: 22px;font-weight: 300;color: #010101;line-height: 24px;}



.social p {display: inline-block;}
.social p.offert {margin-right: 10px;cursor: pointer;}
.content-offer.flex-cont{flex-flow: row wrap;justify-content: space-evenly;}
.offert-wrap {position: fixed; height: 100%; width: 80%;background: #fff;right: -100%;top: 0;bottom: 0;transition: right .7s linear;z-index: 400;box-shadow: -24px 2px 60px 20px rgba(0,0,0,.2);padding: 20px;}
.offert-wrap.open {right: 0;transition: right .7s linear;}
.offert-wrap .content-offer a {display: block;margin-bottom: 20px;transition: .4s linear;color: #000;}
.offert-wrap .content-offer a p {display: inline-block;position: relative;font-size: 24px;font-weight: 900;color: #000;}
.offert-wrap .content-offer a p:before{height: 3px;width: 0%;position: absolute;bottom: 0;background: #c51620;content: '';animation: menuLinkWidthh 2s;}
.offert-wrap .content-offer a:hover p::before {background: #c51620;animation:menuLinkWidth 2s; width: 100%;}
.offert-wrap .closebut {position: absolute;right: 20px;font-size: 30px;color: #000;top: 10px;transition: .4s linear;cursor: pointer;}
.offert-wrap .closebut:hover {color: #c51620;transition: .4s linear;}
.offert-wrap .content-offer a i {font-size: 36px;padding-right: 10px;}
.offert-wrap .title-box {text-align: center;margin-bottom: 40px;}
.offert-wrap .title-box h4 {color: #000;font-size: 70px;}
.content-offer-item {width: 32%;text-align: center;margin-bottom: 20px;}
.content-offer-item .img-box {width: 100%;margin-bottom: 20px;}
.content-offer-item p {display: inline-block;}

.sp-simpleportfolio {padding: 100px 0;}

/* Responsive */
@media all and (max-width: 1449px){
    #work .cell{height: 375px;}
    #menuplate .nav{padding: 100px 0 0;}
    #menuplate .nav>li>a, #menuplate .nav-header{font-size: 35px;}
    .topcontact h2{font-size: 35px;margin: 15px 0;}
    .topcontact hr{margin: 20px 0 10px;}
    .topcontact p, .topcontact p.mail a{font-size: 20px;}
    .cv_send h2{font-size: 70px;}
}
@media all and (max-width: 1199px){
    #work .cell{height: 312px;}
    #footer .bottom, a{letter-spacing: 0;}
    #menuplate{padding: 0;}
    #menuplate .nav>li:before{display: none;}
    #menuplate .nav>li>ul li, #menuplate .nav>li>ul li a{font-size: 15px;}
    .remediato-container ul li{line-height: 2;}
    .cv_send h2{font-size: 42px;}
    .form_cv .gbs3 .form-control{font-size: 17px;}
    .form_cv .gbs3 label{font-size: 13px;}
    .form_cv .gbs3 .gcore-display-table{display: block;float: left;width: 100%;margin: 0px 0 18px;}
    .portfolio .item{margin-top: 50px;}
}
@media all and (max-width: 991px){
    .offert-wrap {width: 100%;}
    .content-offer {overflow: hidden;height: 80%;overflow-y: scroll;margin-bottom: 20px;}
    .offert-wrap .title-box h4 {font-size: 36px;}
    .content-offer-item {width: 48%;}
    #work .cell{height: 257px;}
    #contact h1{font-size: 50px;}
    #footer .bottom .right{text-align: left;}
    #footer .bottom .center ul{margin: 0;}
    input#cv, p.cv_decor{padding-top: 10px;height: 200px !important;font-size: 13px;}
}

@media all and (max-width: 767px){
    .kontakt-page .kontakt-page .kontakt-page-content {width: 100%;}
    .kontakt-page .kontakt-page-content .title-section .subbtitle {width: 100%;font-size: 30px;line-height: 34px;}
    .kontakt-page .dzialy-list .item-list {width: 100%;}
    .mainbanner .textonbanner, .subbanner .textonbanner {padding: 25% 0 40px 0;}
    .pager1 li>a   {font-size: 12px;}
    .greimg {display: none;}
    .wecreatideas {display: none;}
    #contact {min-height: auto;padding: 100px 0;}
    #footer .top {min-height: auto;padding-bottom: 100px;background: none;}
    .subbanner .textonbanner .custom h1 {font-size: 70px;}
    .items-row:nth-child(even) .counting {right: 10px;}
    .counting {font-size: 100px;top: 10px;left: 10px;}
    .portfolio .item {height: 350px;}
    .social {width: 100%;}
    .teleadres {width: 100%;}
    .media-container, .onas-container {padding-left: 40px; padding-right: 40px;padding-top: 30px;}
    .media-container .image, .onas-container .image {margin:20px 0;text-align: center;}
    .maintop img{max-height: 45px;}
    #menuplate .nav>li>a, #menuplate .nav-header{font-size: 20px;}
    .nav>li {display: inline-block;width: 30%; margin-bottom: 5px;}
    #menuplate .bottom {position: relative;}
    #menuplate .nav {padding: 100px 0 0 30px;margin-bottom: 20px;}
    .topcontact {padding: 20px 0px 0px 31px;}
    #contact a{font-size: 23px;}
    .mainbanner .textonbanner .custom p{font-size: 42px;}
    #work .cell .custom .img_bg{background-size: cover;}
    #footer .top{background-position-x: 0;}
    #work .mov_bg{width: 345px;}
    .remediato-container .txt{padding-top: 15px;}
    .cv_send h2{font-size: 26px;}
    .topcontact p.tel a, .topcontact p.mail a, .topcontact h2{font-size: 27px;}
    .bigloader {max-width: 400px;max-height: 350px;}
}
@media all and (max-width: 467px){
    #menuplate .bottom p {font-size: 16px;} 
    .offert i {font-size: 31px;padding-right: 10px;}
    .offert-wrap {width: 100%;}
    .content-offer {overflow: hidden;height: 80%;overflow-y: scroll;margin-bottom: 40px;}
    .content-offer-item {width: 100%;}
}
@media all and (min-width: 768px){
    #work .cell .custom .img_bg{background-size: cover;padding: 30px;}
    #work .cell .custom:hover .img_bg{transform: scale(1.2);}
    .media-container .image {width:50%;padding-bottom: 70px;}
    .media-container .content, .onas-container .content, .onas-container .image{width: 50%;padding: 90px 0;}
    .media-container .row:nth-child(odd) .content, .media-container .row:nth-child(even) .image, .onas-container .content{float: left;}
    .media-container .row:nth-child(odd) .image, .media-container .row:nth-child(even) .content, .onas-container .image{float: right;}
    .media-container .row:nth-child(odd) .image, .onas-container .image{text-align: center;}
    .item-page .fields-container{width: 47%;}
    p.desc {width: 50%;float: left;margin-bottom: 40px;}
}
@media all and (min-width: 992px){
    .social .custom{float: right;}
}
@media all and (min-width: 1200px){}
@media all and (min-width: 1450px){
    .container{width: 1430px;}
}

@keyframes slideTekst {
    0% {margin-left: 400px;opacity: 0;}
    100% {margin-left: 0px;opacity: 1}
}