body, html{
 margin:0;
 height: 100%;
 min-height: 100%;
 min-width:1010px;
 }
body{
  background: url(https://creaweb.pl/media/img/top.png) center top no-repeat;
  position:relative;
 }
.all{
 min-height:100%;
 position:relative;

 }
#header{
 height:200px;
 width:1000px;
 background: url(https://creaweb.pl/media/img/top.png) center top no-repeat;
 margin:0 auto;
 position:relative;
 z-index:2;

 }
.g-recaptcha{
 margin-left:145px;
}
.captcha{
display:none;
} 
.captchapict{
 float:right;
 clear:both;
 margin:3px 140px 7px 200px;

}
#logo{
 width:259px;
 height:84px;
 background: url(https://creaweb.pl/media/img/logo.png) center top no-repeat;
 overflow:hidden;
 line-height:200px;
 display:block;
 position:absolute;
 top:12px;
 left:30px;
 }
#header ul{
 height:45px;
 width:600px;
 position:absolute;
 right:20px;
 top:34px;
 }
#header ul li{
 display:block;
 float:left;
 padding: 0 0;
 height:45px;
 margin:0 15px;
 font:normal 22px/40px 'PT Sans Narrow', sans-serif;
 color:#fafafa;
 text-decoration:none;
 float:right;
 }
#header ul li a{
 color:#fafafa;
 text-decoration:none;
 position:relative;
 display:block;
 float:left;
 padding:0 14px;
 height:40px;
 text-align:center;
 }
#header ul li a span{
 position:relative;
 z-index:2;
 }
#header ul li.menuactive{
 font-size:26px;
 color:#fff;
 }
.romb{
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
	outline:none;
 }
.romb span{
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);  
	display:inline-block;
 }
#header ul li a:hover.romb, #header ul li a:active.romb{
 background: url(https://creaweb.pl/media/img/menu_bg.png) repeat;
 }
.icons{
 height:45px;
 width:135px;
 position:absolute;
 top:0;
 left:340px;
 }
.icons a{
 background:red;
 width:26px;
 height:26px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
 display:block;
 overflow:hidden;
 line-height:99px;
 float:left;
 margin:9px 5px;
 -webkit-box-shadow: 0px 0px 4px 2px #242424;
 box-shadow: 0px 0px 4px 2px #242424; 
 background: url(https://creaweb.pl/media/img/icons.png) no-repeat;
 cursor:pointer;
 }
.icons a:hover, .icons a:active{
 -webkit-box-shadow: 0px 0px 3px 1px #6d6f6f;
 box-shadow: 0px 0px 3px 1px #6d6f6f; 
 }
.icons .email{
 background-color:#b0281a;
 background-position: 1px -51px;
 position:relative;
 }
 
#contact_form_js{
 background:#b0281a url(https://creaweb.pl/media/img/icons.png) no-repeat;
 background-position: 1px -51px;
 position:absolute;
 overflow:hidden;
 margin:9px 5px 9px 70px;
 -webkit-box-shadow: 0px 0px 4px 2px #242424;
 box-shadow: 0px 0px 4px 2px #242424; 
 padding:0px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
 width:400px;
 width:0;
 height:0;
 opacity:0.0;
 top:0;
}
.icons .fb{
 background-color:#3b5998;
 background-position: center -26px;
 }
.icons .tw{
 background-color:#32ccfe;
 background-position: center 1px;
 }
#container{
  width:1000px;
  position:relative;
  z-index:1;
  margin:-78px auto 0 auto;
  overflow:hidden;
 }
.rea{
 width:678px;
 height:360px;
 right:0px;
 position:absolute;
 overflow:hidden;
 }
.rea_butt{
 width:600px;
 height:40px;
 right:0px;
 top:340px;
 position:absolute;
 overflow:hidden;
 z-index:19;
 }
.rea_butt .ro{
 height:40px;
 background:#f99b1d;
 }
a.ro:active{
 -webkit-box-shadow: 0px 0px 1px 1px #535353;
 box-shadow: 0px 0px 1px 1px #535353; 
 }
.ro{
 -webkit-transform: skewX(12deg);
 -moz-transform: skewX(12deg);
 -ms-transform: skewX(12deg);
 -o-transform: skewX(12deg);
 transform: skewX(12deg);   
 display:block;
 float:left;
 padding:0 20px;
 margin:0 10px;
 font:normal 22px/40px 'PT Sans Narrow', sans-serif;
 color:#fff;
 text-shadow: 1px 1px 2px #383838;
 filter: dropshadow(color=#383838, offx=1, offy=1); 
 }
.ro2{
 -webkit-transform: skewX(-12deg);
 -moz-transform: skewX(-12deg);
 -ms-transform: skewX(-12deg);
 -o-transform: skewX(-12deg);
 transform: skewX(-12deg);   
 }
 
.ro.big_m_r{
 margin-right:30px;
 }
.ro_arrows{
 padding:0 10px;
 margin:0 5px;
 font-size:30px;
 cursor:pointer;
 }
a.ro:active, a.ro:hover{
 text-shadow: 2px 2px 3px #141414;
 filter: dropshadow(color=#141414, offx=2, offy=2); 
 }
.ro span{
 -webkit-transform: skewX(-12deg);
 -moz-transform: skewX(-12deg);
 -ms-transform: skewX(-12deg);
 -o-transform: skewX(-12deg);
 transform: skewX(-12deg);
 display: inline-block;
 }
.ro2 span{
 -webkit-transform: skewX(12deg);
 -moz-transform: skewX(12deg);
 -ms-transform: skewX(12deg);
 -o-transform: skewX(12deg);
 transform: skewX(12deg);
 display: inline-block;
 }
.rea_in{
 width:678px;
 height:360px;
 background: url(https://creaweb.pl/media/img/rea.png) no-repeat;
 position:absolute;
 z-index:10;
 pointer-events:none;
 }
body .rea_in{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rea.png', sizingMethod='scale')\9;
 background: none\9;
 }
.rea_slider{
 width:1400px;
 height:360px;
 position:absolute;
 overflow:hidden;
 }
.rea_el{
 width:678px;
 height:360px;
 float:left;
 z-index:1;
 overflow:hidden;
 position:relative;
 }
 
.rea_el img, .fg_s{
    position: absolute;
	display:block;
	width:750px;
	height:450px;
 }
.fg_s{
 background: url(https://creaweb.pl/media/img/fg.png) repeat;
 z-index:8;
 }
.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}

.rea_more, .rea_online{
 display:block;
 position:absolute;
 height:33px;
 width:170px;
 padding:0 10px;
 background-color:#b0321c;
 color:#fff;
 font:normal 16px/33px 'PT Sans', arial, sans-serif;
 right:0;
 z-index:11;
 cursor:pointer;
 }
.rea_more{
 top:250px;
 margin-right:-60px;
 }
.rea_more:hover, .rea_more:active{
 margin-right:-30px;
 }
.rea_online{
 top:300px;
 margin-right:-50px;
 }
.rea_online:hover, .rea_online:active{
 margin-right:-20px;
 }

/*content */
.content{
 position:relative;
 overflow:hidden;
 color:#322f2f;
 font:normal 16px/21px 'PT Sans', arial,sans-serif;
 text-align:justify;
 padding-bottom:240px;
 }
.content b, .content strong{
 font-weight:bold;
 color:#b0321c;
 font-size:16px;
 }
.content a{
 color:#F08E18;
 text-decoration:none;
 font-weight:bold;
 font-size:14px;
 }
.content a:visited{
 color:#ae8680;
 }
.content a:hover{
 text-decoration:underline;
 }
.rea_clear{
 width:680px;
 height:380px;
 float:right;
 opacity:0.0;
 }
.bottom_clear{
 width:680px;
 height:120px;
 float:right;
 opacity:0.0;
 position:relative;
 bottom:0;
 }
.content h1{
 color:#b0321c;
 }
p::selection, h1::selection, p *::selection , h1 *::selection, .content *::selection, *::selection{
	background: #f99b1d; /* Safari */
	color:#fff;
	}
p::-moz-selection, h1::-moz-selection, p *::-moz-selection , h1 *::-moz-selection, .content *::-moz-selection,  *::-moz-selection{
	color:#fff;
	background: #f99b1d; /* Firefox */
}
h1.hand img{
 float:left;
 display:block;
 }
h1.hand{
 font:normal 36px/40px 'PT Sans Narrow', sans-serif;
 text-align:right;
 text-indent:10px;
 width:290px;
 overflow:hidden;
 margin:0;
 }
h1.hand i{
 font:normal 36px/40px 'PT Sans Narrow', sans-serif;
 margin-right:20px;
 }
h1.hand b{
 color:#961802;
 font:normal 48px/40px 'PT Sans Narrow', sans-serif;
 }
 
.content p:last-child{
 max-width:500px;
 min-height:70px;
 }
/*bottom */
.bottom{
 width:100%;
 height:200px;
 z-index:1;
 bottom:40px;
 position:absolute;
 overflow:hidden;
 }
.bottom_in{
 height:200px;
 width:60%;
 background: url(https://creaweb.pl/media/img/bottom.jpg) repeat;
 overflow:hidden;
 z-index:1;
 position:absolute;
 display:none;
 } 
.footy{
 width:1000px;
 margin:0 auto;
 color:#322f2f;
 font:normal 14px/40px 'PT Sans', Arial, sans-serif;
 z-index:2;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-500px;
 }
.footy a{
 color:#322f2f;
 text-decoration:none;
 }
.footy a:hover, .footy a:active{
 color:#b0321c;
 }
#kont{
 width:428px;
 height:335px;
 overflow:hidden;
 position:absolute;
 bottom:0;
 left:50%;
 background: url(https://creaweb.pl/media/img/kont.png) center top repeat;
 z-index:2;
 }
.bottom .news{
 width:540px;
 position:absolute;
 left:50%;
 margin-left:-502px;
 z-index:3;
 display:none;
 }

.bottom .news h2{
 font:normal 30px/36px 'PT Sans Narrow', sans-serif;
 padding:0;
 margin:4px 0 0 0;
 color:#322f2f;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 }
.bottom .news h4{
 font:normal 16px/20px 'PT Sans Narrow', sans-serif;
 padding:0;
 margin:2px 0 0 0;
 color:#322f2f;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 }
.bottom .news a{
 color:#f08e18;
 text-decoration:none;
 font:bold 16px/20px 'PT Sans Narrow', sans-serif;
 }

.bottom .news p a{
 font:normal 16px/22px 'PT Sans Narrow', sans-serif;
 }
.bottom .news p{
 margin:0;
 color:#322f2f;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 font:normal 16px/22px 'PT Sans', sans-serif;
 text-align:justify;
 }
#kont h3{
 text-align:center;
 margin:41px 0 15px 0;
 color:#fff;
 font:normal 28px/30px 'PT Sans Narrow', sans-serif;
 }
#kont h3 strong, #kont h3 a{
 color:#eb8615;
 text-decoration:none;
 }
.kont_icons{
 width:160px;
 margin:2px auto;
 display:block;
 padding:0 0 0 40px;
 height:40px;
 font:normal 22px/32px 'PT Sans Narrow', sans-serif;
 color:#fff;
 text-decoration:none;
 }
a.kont_icons{
 color:#d27a18;
 }
.phone.kont_icons{
 background: url(https://creaweb.pl/media/img/kon_ico.jpg) no-repeat;
 }
.email.kont_icons{ 
 background: url(https://creaweb.pl/media/img/kon_ico.jpg) no-repeat;
 background-position: left -48px;
 }
.skype{
 background: url(https://creaweb.pl/media/img/skype.png) no-repeat;
 }
#kont img{
 display:block;
 width:175px;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-87px;
 }
#fb_all{
 position:absolute;
 width:226px;
 top:60px;
 margin-left:-194px;
 z-index:999;
 }
#fb_sh{
 width:34px;
 height:103px;
 background: url(https://creaweb.pl/media/img/fb_logo.png) no-repeat;
  -webkit-border-radius: 0px 5px 5px 0px;
 border-radius: 0px 5px 5px 0px; 
 right:0;
 top:30px;
 -webkit-box-shadow: 1px 0px 1px 1px #656565;
 box-shadow: 1px 0px 1px 1px #656565; 
 position:relative;
 z-index:1;
 float:left;
 display:block;
 outline:none;
 }
#fb_cont{
 width:184px;
 padding:4px;
 min-height:130px;
 background:#FFF;
 -webkit-box-shadow: 0px 0px 2px 1px #656565;
 box-shadow: 0px 0px 2px 1px #656565; 
 position:relative;
 float:left;
 z-index:2;
  -webkit-border-radius: 0px 5px 5px 0px;
 border-radius: 0px 5px 5px 0px; 
 }
#fb_cont h1{
 font:normal 16px/17px 'PT Sans Narrow', sans-serif;
 margin:2px 6px;
 }
h3{
 line-height:29px;
 margin:0;
 padding:0;
 }

p{
 margin:5px 0;
 }
 
/* contact form js */
#contact_form_js{
 color:#fff;
 font-family: 'PT Sans Narrow', sans-serif;
 overflow:hidden;
 }
#contact_form_js_in{
 width:350px;
 overflow:hidden;
 position:relative;
 }
#contact_form_js h3{
 margin:0 20px;
 }
 
/*forms */
.cms_form label{
 width:130px;
 text-align:right;
 padding:0 6px;
 display:block;
 float:left;
 font:normal 14px/22px 'PT Sans', sans-serif;
 }
.cms_form input{
 width:300px;
 padding:4px;
 display:block;
 float:left;
 border:0;
 font:normal 16px/22px 'PT Sans', sans-serif;
 }
.cms_form textarea{
 width:300px;
 padding:4px;
 display:block;
 float:left;
 border:0;
 font:normal 16px/22px 'PT Sans', sans-serif;
 height:70px;
 }
.cms_form p{
 display:block;
 float:none;
 clear:both;
 overflow:hidden;
 margin:6px 0;
 padding:2px 0;
 }
.cms_form .cms_submit, .content .cms_form .cms_submit{
 background:#F99B1D;
 color:#fff;
 font:normal 18px/20px 'PT Sans Narrow', sans-serif;
 margin:2px 2px 2px 145px;
 padding:10px;
 border:0;
 }
 
.cms_form .cms_submit:hover{
 background:#f97f1d;
 }
.cms_form .cms_submit:active{
 background:#f97f1d;
 -webkit-box-shadow: 0px 0px 1px 1px #535353;
 box-shadow: 0px 0px 1px 1px #535353; 

}

.cms_form .input_errors, .fb_invalid input, .fb_invalid  textarea{
 background:#FFE3F3 !important;
 }
.cms_form span.errors, .fb_invalid span.errors{
 display:block;
 color:#fce6e6;
 overflow:hidden;
 min-width:300px;
 clear:both;
 margin-bottom:4px;
 text-align:center;
 }
.content .cms_form span.errors{
 color:#858585;
 text-align:left;
 text-indent:30px;
 font-size:12px;
 padding:2px;
 }
.content #cntnt01moduleform_1{
 width:480px;
 display:block;
 float:left;
 
 }
#close_c_form_js{
 width:20px;
 height:20px;
 background: url(https://creaweb.pl/media/img/cancel_icon.png) center no-repeat;
 position:absolute;
 right:0;
 top:0;
 cursor:pointer;
 }
 
.more_link{
 display:block;
 float:right;
 margin-right:40px;
 }
 

.cms_form h3{
 padding:0 3px;
 margin:0 2px;
 }
 
.content .cms_form{
 background:none;
 }
.content .cms_form input, .content .cms_form textarea{
 background:#FEFEFE;
 border:#CFCFCF 1px solid;
 color:#424242;
 padding:3px;
 }
.block_norm{
 width:480px;
 display:block;
 float:left;
 margin:10px;
 }
 
.realisation{
 width:480px;
 height:250px;
 margin:10px;
 display:block;
 float:left;
 -webkit-box-shadow: 0px 0px 4px 0px #cdcdcd;
 box-shadow: 0px 0px 4px 0px #cdcdcd; 
 overflow:hidden;
 position:relative;
 }
.bg_realisation{ 
 width:480px;
 height:250px;
 position:absolute;
 background: url(https://creaweb.pl/media/img/all_projects.jpg) center top no-repeat;
 }
.stripe{
 background: url(https://creaweb.pl/media/img/stripe.png) center top repeat;
 width:480px;
 height:250px;
 position:absolute;
 z-index:100;
 display:none;
 }
.realisation.no_active .stripe{
 display:block;
 -webkit-box-shadow: 0px 0px 2px 0px #cdcdcd;
 box-shadow: 0px 0px 2px 0px #cdcdcd; 
 }
.info_project{
 display:block;
 min-height:30px;
 background: url(https://creaweb.pl/media/img/l_opacity.png) center top repeat;
 position:absolute;
 bottom:0;
 width:470px;
 display:none;
 padding:5px;
 font:normal 15px/15px 'PT Sans Narrow', sans-serif;
 border-top:#c8c8c8 1px solid;

 }
.realisation.active{
 -webkit-box-shadow: 0px 0px 7px 0px #cdcdcd;
 box-shadow: 0px 0px 7px 0px #cdcdcd; 

 }
.realisation.active .info_project{
 display:block;
 color:#111;
 }
.realisation .rea_more{
 top:20px;
 color:#fff!important;
 margin-right:-40px;
 }
.realisation .rea_online{
 top:70px;
 color:#fff !important;

 }
.realisation  .ro2{
 margin-right:-100px;
 font:normal 16px/29px 'PT Sans', sans-serif;
 display:none;
 }
.realisation  .ro2:hover, .realisation  .ro2:active{
 margin-right:-80px;
 }
.realisation.active  .ro2{
 display:block;
 }
.realisation .info_project h1{
 font:normal 20px/26px 'PT Sans Narrow', sans-serif;
 color:#111;
 margin:5px 0;
 padding:0;
 text-align:center;
 }
.realisation .info_project strong{
 font:normal 18px/22px 'PT Sans Narrow', sans-serif;
 text-shadow: 1px 1px 2px #cccccc;
 filter: dropshadow(color=#cccccc, offx=1, offy=1); 
 }
.realisation.jarmen  .bg_realisation{
 background-position:center -250px;
 }
.realisation.czarnieckiego .bg_realisation{
 background-position:center -500px;
 }
.realisation.gniech .bg_realisation{
 background-position:center -750px;
 }
 .realisation.yamabits .bg_realisation{
 background-position:center -1000px;
 }
.realisation.zawodprzyszlosci .bg_realisation{
 background-position:center -1250px;
 }
.realisation.covaco .bg_realisation{
 background-position:center -1500px;
 }
 
.ind{
 width:1000px;
 display:block;
 margin:0 0 0 -500px;
 padding:0;
 position:absolute;
 z-index:4;
 left:50%;
 top:135px;
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;
 color:#4D4D4D;
 }
.ind a{
 color:#F08E18;
 text-decoration:none;
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;


 }
.ind span{
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;
 }
.ind a:hover{
 text-decoration:underline;
 }
 
.content > p > img{
 margin: 10px 10px 10px 0;
 }
.content > ul{
 display:block;
 float:none;
 overflow:hidden;
 margin:5px 0 5px 0 ;
 }

blockquote {
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	font-weight:bold;
	padding: 0.15em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	margin:5px 12px;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before {
	content: "\2014 \2009";
}

.spec_info{
 font-size:16px;
 font-weight:normal;
 display:block;
}
.of_info tr td:not(:first-child) .ok_ix_info{
 float:none;
 display:block;
 clear:both;
 font-weight:normal;
 font-size:14px
 text-align:center;
}
.of_info tr td:not(:first-child){
 width:120px;
 padding:10px 0;
 text-align:center;
}
.of_info tr th:not(:first-child){
 background-color:#f99b1d;
 color:#fff;
 text-align:center;
 padding:10px 0;
 border:0;
 margin:0;
 }
.of_info tr th:not(:first-child):not(:last-child){
 border-right:#ffffff 1px solid;
}
.of_info tr th:nth-child(2){
 -webkit-border-radius: 10px 0 0 0;
 border-radius: 10px 0 0 0;
}
.of_info tr th:nth-child(5){
 -webkit-border-radius: 0 10px 0 0;
 border-radius: 0 10px 0 0;
}
.of_info tr td:first-child{
 text-align:right;
 padding-right:20px;
 font-weight:bold;
 font-size:18px;
}
.of_info tr:not(:first-child):not(:last-child) td{
border-bottom:#f99b1d 1px solid;
}
.of_info tr:not(:first-child) td{
border-right:#f99b1d 1px solid;
}
.of_info tr:last-child td:not(:first-child){
border-right:#f99b1d 1px solid;
border-bottom:#f99b1d 1px solid;
}


.of_info{ 
border-spacing: 0;
border-collapse: collapse;
 margin-top:30px;
 overflow:hidden;
 width:100%;
}
.prices td:not(:first-child){
 color:#b0321c;
 font-size:26px;
 font-weight:bold;
 padding:30px 0 !important;
}
.small_info{
 font-size:10px;
 display:block;
 line-height:14px;
 margin-top:4px;
 margin-bottom:4px;
}
.fb_icon_of{
 display:block;
 float:left;
}

.show_more_of, .hide_more_of{
 display:block;
 float:none;
 clear:both;
 cursor:pointer;
 font-size:12px;
}
.hide_more_of{
 font-weight:bold;
}
.of_info_in{
 text-align:justify;
 display:block;
}
/* Stylesheet: creaweb Modified On 2020-02-04 11:43:09 */