.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;}
.bx-wrapper .bx-controls-auto{text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px;}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80, 80, 80, 0.75);width:100%;}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}


.strony_www {
	display: block;
	background: #eee;
}
.strony_www h4 {
	text-transform: uppercase;
	font-size: 30px;
}

/* WSTEP */
.strony_www .lead {
	padding: 40px;
}
.strony_www .lead h4 {
	color: #0d024c;
}
.strony_www .lead p {
	color: #000;
	font-size: 16px;
	padding-bottom: 20px;
}
.strony_www .lead img {
	padding: 0px 20px;
}

/* BOX CMCZ */
.strony_www .box_cmcz {
	display: block;
	background-image: url('https://itcenter.pl/wp-content/themes/cmc/img/bg_arrow_cmcz.gif');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #0089cf;
	padding: 40px;
}
.strony_www .box_cmcz h4 {
	color: #fff;
	text-align: center;
}
.strony_www .box_cmcz ul {
	margin:0;
	padding: 0;
}
.strony_www .box_cmcz li {
	display: block;
	float: left;
	list-style-type: none;
	width: 33%;
	padding:40px;
	height: 250px;
	position: relative;
}
.strony_www .box_cmcz li img {
	max-width: 56px !important;
}
.strony_www .box_cmcz .border {
	display: block;
	position: absolute;
	bottom: 0px;
	height: 1px;
	background-color:  rgba(0,0,0,0.1);
	width: 400px;
}
.strony_www .box_cmcz li h5 {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 5px;
}
.strony_www .box_cmcz li p {
	color: #fff;
	font-size: 18px;
}

/* BOX DWZP */
.strony_www .box_dwzp {
	display: block;
	background-image: url('https://itcenter.pl/wp-content/themes/cmc/img/bg_arrow_dwzp.gif');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #eee;
	padding: 40px;
}
.strony_www .box_dwzp h4 {
	color: #0d024c;
	text-align: center;
}
.strony_www .box_dwzp ul {
	margin: 0;
	padding: 0;
}
.strony_www .box_dwzp li {
	display: block;
	float: left;
	list-style-type: none;
	width: 33%;
	padding:30px;
	text-align: center;
}
.strony_www .box_dwzp li h5 {
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	padding-top: 15px;
	text-align: center;
}
/* BOX DWZP */
.strony_www .box_projekty {
	display: block;
	background-image: url('https://itcenter.pl/wp-content/themes/cmc/img/bg_arrow_projekty.gif');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;
	padding: 40px;
}
.strony_www .box_projekty h4 {
	text-align: center;
	color: #0d024c;
}
.strony_www .box_projekty p {
	text-align: center;
	padding-bottom: 30px;
}
.strony_www .box_projekty li {
	list-style-type: none;
	text-align: center;
	padding-left: 0px !important;
	padding-right: 0px !important
}
.strony_www .box_projekty a {
	display: block;
	float: left;
	width: 33.33333333%;
	overflow: hidden;
	border: 3px solid #fff;
}
.strony_www .box_projekty a img {
	height: 310px;
	-webkit-transition: all 350ms ease;
   -moz-transition: all 350ms ease;
   -ms-transition: all 350ms ease;
   -o-transition: all 350ms ease;
   transition: all 350ms ease;
	}
.strony_www .box_projekty a:hover img {
	transform:scale(1.05); 
	-webkit-transform:scale(1.05); 
	-moz-transform:scale(1.05); 
	-o-transform:scale(1.05)
}

@media only screen and (min-width: 1899px){
.strony_www .box_projekty a img {min-height: 420px}
.strony_www .box_cmcz .border {width: 500px; left: 50px;}
.strony_www .box_cmcz li {height: 200px;}
}

@media only screen and (min-width: 1500px) and (max-width: 1898px) {
	.strony_www .box_projekty a img {min-height: 370px}
	}  

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.strony_www .box_cmcz li h5 {padding-top: 0px; line-height: 25px}
	.strony_www .box_cmcz li {width: 50%;}
	.strony_www .box_projekty a img {min-height: 254px}
	}  


/* #Tablet (Portrait)
================================================== */
  /* Note: Design for a width of 768px */

  @media only screen and (min-width: 768px) and (max-width: 991px) {
  	.strony_www .box_cmcz li {width: 100%; text-align: center;}
  	.strony_www .box_cmcz li img {margin: 0 auto; display: block}
  	.strony_www .box_projekty a {width: 50%}
  	.strony_www .box_projekty a img {min-height: 240px}
  	.strony_www .box_dwzp li {width: 100%}

  	.strony_www .box_cmcz .border {width: 600px; left: 130px;}


	}

/* #Mobile (Landscape)
================================================== */

  /* Note: Design for a width of 480px */

  @media only screen and (min-width: 480px) and (max-width: 767px) {
	.strony_www .box_cmcz li {width: 100%; text-align: center; height: 280px;}
  	.strony_www .box_cmcz li img {margin: 0 auto; display: block}
  	.strony_www .box_projekty a {width: 100%}
  	.strony_www .box_projekty a img {min-height: auto !important}
  	.strony_www .box_dwzp li {width: 100%}
  	.strony_www .lead img {display: none}

 	.strony_www .box_cmcz .border {width: 400px; left: 10px;}


  }

 /*  #Mobile (Portrait)
================================================== */
    @media only screen and (max-width: 479px) {
		.strony_www .box_cmcz li {width: 100%; text-align: center; height: 340px;}
  		.strony_www .box_cmcz li img {margin: 0 auto; display: block}
  		.strony_www .box_projekty a {width: 100%}
  		.strony_www .box_projekty a img {min-height: auto !important}
  		.strony_www .box_dwzp li {width: 100%}
  		.strony_www .lead img {display: none}
  		.strony_www .box_cmcz li h5 {line-height: 25px}
  		.strony_www .box_cmcz .border {width: 170px; left: 60px;}


}



body {overflow-x: hidden;}

.kontakt--new {
    background-color: #eee;
}
.kontakt--new .left_panel {
    padding-top: 40px;
}
.kontakt--new .left_panel ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.kontakt--new .left_panel li {
    list-style-type: none;
    margin-bottom: 40px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.kontakt--new .left_panel li p {
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding:0;
    margin: 0;
    padding-top: 10px;
}
.kontakt--new .left_panel li span {
    font-weight: 600;
    color: #ed802b;
    font-size: 17px;
    display: block;
    padding-top: 5px;
}

.kontakt--new .kontakt_form {
    background-color: #fff;
}
.kontakt_form_formularz {
    overflow: hidden;
}
.kontakt--new .kontakt_form p.typo1 {
    color: #150368;
    font-size: 20px;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 30px;
}

.kontakt--new .kontakt_form .wpcf7 input[type="text"], .kontakt--new .kontakt_form .wpcf7 input[type="email"], .kontakt--new .kontakt_form .wpcf7 select, .kontakt--new .kontakt_form .wpcf7 input[type="tel"], .kontakt--new .kontakt_form .wpcf7 textarea {
    border:0;
    border-bottom: 1px solid #cccdcf !important;
    margin-bottom: 50px;
}
.kontakt--new .kontakt_form .wpcf7 textarea {
    height: 150px;
    resize: vertical
}
.kontakt--new .kontakt_form .wpcf7 input[type="tel"] {
    margin-top: 10px;
}
.kontakt--new .kontakt_form .wpcf7-submit {
    background: #f36e21;
    padding: 5px 20px;
    margin-bottom: 40px;
}

.kontakt--new .kontakt_form .wpcf7 select {
    width: 390px;
    background: url('https://itcenter.pl/wp-content/themes/cmc/img/kontakt_select_bg.png') right 15px no-repeat;
}


/* RWD */
@media only screen and (min-width: 1200px){
    .kontakt_form_formularz {
        width: 770px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .kontakt_form_formularz {
        width: 700px;
        margin: 0 auto;
    }
    }  
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .kontakt--new .left_panel li {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .kontakt_form_formularz {
        width: 400px;
        margin: 0 auto;
    }
    .kontakt--new .kontakt_form .wpcf7 input[type="text"], .kontakt--new .kontakt_form .wpcf7 input[type="email"], .kontakt--new .kontakt_form .wpcf7 select, .kontakt--new .kontakt_form .wpcf7 input[type="tel"] {
        width: 100% !important
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .kontakt_form_formularz {
        width: 400px;
        margin: 0 auto;
    }
    .kontakt--new .kontakt_form .wpcf7 input[type="text"], .kontakt--new .kontakt_form .wpcf7 input[type="email"], .kontakt--new .kontakt_form .wpcf7 select, .kontakt--new .kontakt_form .wpcf7 input[type="tel"] {
        width: 100% !important
    }
    }

     @media only screen and (max-width: 479px) {
        .kontakt_form_formularz {
        width: 300px;
        margin: 0 auto;
    }
    .kontakt--new .kontakt_form .wpcf7 input[type="text"], .kontakt--new .kontakt_form .wpcf7 input[type="email"], .kontakt--new .kontakt_form .wpcf7 select, .kontakt--new .kontakt_form .wpcf7 input[type="tel"] {
        width: 100% !important
    }
     }